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

"Mobile plugin editor now available" banner on a blurred pastel purple and blue background

5 Native Mobile Plugins That Extend What Bubble Can Do

Bubble's native mobile editor is powerful out of the box, but a growing library of community-built plugins lets you go further. Here are five worth installing.

Bubble
September 22, 2026 • 4 minute read
Replit vs. Bolt vs. Bubble: 2026 Review of the top AI App Builders

Replit vs. Bolt vs. Bubble: 2026 Review of the top AI App Builders

Find the right AI-powered app builder for your next project based on your needs, skill level, and more. We compared Replit, Bolt, and Bubble across 12 categories to help you choose the best option.

Bubble
September 21, 2026 • 17 minute read
Headshots of previous Bubble Ambassadors surrounding text that reads "BAM applications now open"

Want to Shape the Future of No-Code? Become a 2026 Bubble Ambassador

Want to help shape the future of app building? We’re seeking passionate builders join cohort four of our Ambassador Program.

Federico Garcia Lorca
September 16, 2026 • 2 minute read
A mobile app being converted into a web app with similar but mobile-first layouts.

How to Turn Your Web App Into a Mobile App (Complete 2026 Guide)

Learn how to convert your existing web app into a native mobile app with Bubble Mobile, from planning and setup to launching on iOS and Android app stores.

Bubble
September 16, 2026 • 18 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

How to Add Stripe Integration to Your No-Code App

September 04, 2026 • 10 minute read

Build the next big thing with Bubble

Start building for free