Walk-Through: Use ‘:Group By’ to Return and Display Data

Learn how and when to use the ‘:group by’ operator with this step-by-step guide.

Abhinav Narain
January 17, 2024 • % minute read
Walk-Through: Use ‘:Group By’ to Return and Display Data

Whether you’re creating an internal dashboard, building a user-facing analytics app, or simply trying to illustrate a point, data visualization can be a powerful tool for conveying information.

With the :group by operator, you can define one or more groupings of data and aggregate that data based on how you want to slice and dice it. For example, you might want to group data by creation date or owner and present that data by sum or average. By using :group by, you’re able to cross-hatch your data easily and dynamically.

Here’s a step-by-step guide to using the :group by operator and the free Chart.js plugin to return and display data in a bar chart.

💡
For more interactive tutorials, visit the academy.
Start building with a free account

Build your app on Bubble's Free plan. No need to upgrade until you're ready to launch your app.

Join Bubble

LATEST STORIES

blog-thumbnail

Top 10+ AI Startup Ideas for 2025: What to Build (and Why)

Looking to launch an AI startup? These AI apps all have high growth potential — and with Bubble’s AI builder, it’s easier than ever to create them.

Bubble
June 24, 2025 • 8 minute read
blog-thumbnail

Why Every Bubble Developer Should Consider Test-Driven Development When Building AI Apps on Bubble

Bubble has changed the way developers build applications, especially for those without a traditional coding background. But working with no-code tools still requires following engineering best practices.

Marina Trajkovska
June 18, 2025 • 7 minute read
blog-thumbnail

How to Design a Relational Database

Designing a relational database doesn’t have to be complicated. We’ll walk you through how to do it in three simple steps.

Bubble
June 13, 2025 • 6 minute read
blog-thumbnail

Introducing Bubble for Native Mobile Apps: A Faster, More Effective Way to Build for Mobile

We’re excited to launch native mobile app capabilities in public beta, giving everyone the ability to build, launch, and scale mobile apps without coding.

Bubble
June 09, 2025 • 9 minute read

How to Design a Relational Database

June 13, 2025 • 6 minute read

How to Build a Wireframe: Top 7 Dos & Don’ts of Building Your App’s Blueprint

March 04, 2025 • 8 minute read

What Is a Database and Why Does Every App Need One?

January 15, 2025 • 6 minute read

The Essential Brand Elements: 15 Assets That Will Help Your Startup Stand Out

November 20, 2024 • 15 minute read

Build Your AI Agent on Bubble — No Coding Required

November 19, 2024 • 2 minute read

Build the next big thing with Bubble

Start building for free