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

A 2026 Guide to Building AI Features in Mobile Apps

Build AI features users love — personalization, chat, camera vision — then ship to iOS and Android fast.

Bubble
April 03, 2026 • 14 minute read
blog-thumbnail

How to Validate Your Product Idea With AI Prototypes (You Can Actually Ship)

Product validation confirms you're building the right thing before you invest too much time or money. In 2026, the fastest path is AI-generated apps paired with methods that prove demand and thresholds that tell you when to ship.

Bubble
April 02, 2026 • 12 minute read
blog-thumbnail

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

A memorable brand is more than just a logo. With these core branding elements, you can craft the brand story and personality that connects with your audience and shapes your perception.

Bubble
April 01, 2026 • 14 minute read
blog-thumbnail

How to Set Up an Online Booking System: Complete Guide

A practical, step-by-step guide to set up an online booking system, connect calendars and payments, embed it on your website, and launch with confidence.

Bubble
April 01, 2026 • 12 minute read

How to Validate Your Product Idea With AI Prototypes (You Can Actually Ship)

April 02, 2026 • 12 minute read

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

April 01, 2026 • 14 minute read

How to Set Up an Online Booking System: Complete Guide

April 01, 2026 • 12 minute read

How to Build an Education App in 2026: Complete Guide

March 31, 2026 • 16 minute read

Web Apps vs. Websites: 7 Key Differences and Which Is Right For You

March 31, 2026 • 10 minute read

Build the next big thing with Bubble

Start building for free