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 • A quick read
A screenshot of the Bubble editor showing how to use the :group by operator

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 for free

Build for as long as you want on the Free plan. Only upgrade when you're ready to launch.

Join Bubble

LATEST STORIES

Bubble vs. Lovable Comparison: Which AI App Builder is Right for You?

Bubble vs. Lovable Comparison: Which AI App Builder is Right for You?

Find the right no-code AI app builder for your project with our in-depth comparison of Bubble vs. Lovable, including app output, iteration quality, customization tools, technical experience needed, and more.

Bubble
September 30, 2026 • 22 minute read
Bubble vs. Webflow: Comparing the Top No-Code Platforms

Bubble vs. Webflow: Comparing the Top No-Code Platforms

Bubble is a full-stack, visual programming tool for building web and mobile apps, while Webflow is built for designing and publishing websites. Here's how to decide which is right for your project.

Bubble
September 30, 2026 • 19 minute read
No-Code AI Agent Builder: What You Can Build on Bubble

No-Code AI Agent Builder: What You Can Build on Bubble

With no-code AI agent builders you can build AI-powered agents that take actions automatically and work across websites, web apps, and mobile apps.

Bubble
September 28, 2026 • 11 minute read
Bubble livestream promo: Demo Day + AMA with Emmanuel Straschnov, September 24, 2026, 11 AM ET, with headshot and Bubble logo

September Demos and AMA: MCP, Conversational Generation, and Launch Lab's Winners

September demos were all about flexibility and control. Emmanuel showed an early look at MCP and a more conversational way to build, then answered community questions and announced Launch Lab's winners.

Emmanuel Straschnov
September 25, 2026 • 9 minute read

No-Code AI Agent Builder: What You Can Build on Bubble

September 28, 2026 • 11 minute read

How To Build an Appointment Booking App on Bubble

September 15, 2026 • 11 minute read

How To Build an E-Commerce App With Bubble

September 15, 2026 • 14 minute read

9 Best Replit Alternatives in 2026

September 14, 2026 • 14 minute read

How to Set Up an Apple Developer Account: Step-by-Step

September 04, 2026 • 10 minute read

Build the next big thing with Bubble

Start building for free