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

LATEST STORIES

An abstract visual of a rectangle with four listed items and three of them checked off, next to two icons: a green one with a checklist and a purple one with a data symbol.

How Much Does an App Builder Cost? A 2026 Pricing Guide

Learn what an app builder costs at each plan level and how to forecast your bill as your app grows, so you can pick a platform you can afford long term.

Bubble
November 06, 2026 • 12 minute read
A mockup of a mobile client portal app showing three cards of content, with two icons and a status indicator for three different items, on a blue and purple gradient background.

How to Build a Client Portal: A Complete Guide for 2026

Learn how to build a secure client portal that keeps each client’s data private, collects documents, shows invoices, and tells clients where their work stands. You’ll also see how client portal software compares with a custom build.

Bubble
November 06, 2026 • 11 minute read
A lock icon and a check icon sliding across the screen in two parallel lines

Preliminary Root Cause Analysis (RCA): October 2026 Security Incident

Our preliminary root cause analysis of the October 26, 2026 security incident: what happened, what we’ve fixed, what we’re still verifying, and what app owners should do now.

Bubble
November 06, 2026 • 5 minute read
An abstract visual of three mobile phone screen mockups, showing gallery cards, a loading screen, and conversation bubbles, on a dark blue gradient background.

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
November 06, 2026 • 17 minute read

How Much Does an App Builder Cost? A 2026 Pricing Guide

November 06, 2026 • 12 minute read

How to Build a Client Portal: A Complete Guide for 2026

November 06, 2026 • 11 minute read

8 Best Lovable Alternatives for AI App and Web Development

November 05, 2026 • 16 minute read

How to Build a Multi-Tenant SaaS App With No Code

November 02, 2026 • 10 minute read

How to Build a Legal Case Management App Without Code

November 02, 2026 • 11 minute read

Build the next big thing with Bubble

Start building for free