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

blog-thumbnail

The Business of Building 2026: What Separates Apps That Make Money

Everyone talks about how fast you can build an app now. We studied 250,000 Bubble apps to find what separates the ones that turn into real businesses.

Bubble
September 08, 2026 • 4 minute read
blog-thumbnail

Destination Bubble: How We Turned Our 14th Birthday Into a Company-Wide Adventure

Here's how the People team turned Bubble's birthday into a weeklong celebration and moment for connection.

Frannie Melegrito
September 04, 2026 • 3 minute read
blog-thumbnail

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

Before you can publish an iOS app, you need your own Apple Developer Program membership. This guide covers how enrollment works, how the individual and organization paths differ, and what to set up in App Store Connect before you submit.

Bubble
September 04, 2026 • 10 minute read
blog-thumbnail

What Builders Need to Know About AI-Generated Code Security

AI-generated code is often insecure by default. See the three risks that show up most, the controls that actually catch them, and how visual logic makes gaps you can't read easier to spot.

Bubble
September 04, 2026 • 9 minute read

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

September 04, 2026 • 10 minute read

A Guide on How to Build a Healthcare App Without Code

September 03, 2026 • 9 minute read

How to Set Up In-App Purchases on Bubble

September 03, 2026 • 9 minute read

How Much Does It Cost to Create an App in 2026?

August 17, 2026 • 11 minute read

How to Build a Construction Management App in 2026

August 07, 2026 • 12 minute read

Build the next big thing with Bubble

Start building for free