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 app dashboard UI with bar chart and text Weekly Vertical 42,500 ft, bell notification badge, and hand cursor on purple gradient

What Is a Native Mobile App?

Native mobile apps are developed specifically for a given mobile platform — typically iOS or Android — and are optimized to run as seamlessly as possible within that platform. Here's what you should know about them and how they compare to other types of mobile apps.

Bubble
October 13, 2026 • 16 minute read
What Is a Web App? (And Why They Matter for Your Business)

What Is a Web App? (And Why They Matter for Your Business)

Learn the difference between web apps and websites and determine which is right for your business.

Bubble
October 13, 2026 • 15 minute read
How to Answer a Vendor Security Questionnaire: A 2026 Guide

How to Answer a Vendor Security Questionnaire: A 2026 Guide

Learn what a vendor security questionnaire asks and how to answer it with the evidence reviewers expect, from either side of the review.

Bubble
October 07, 2026 • 12 minute read
How to Make a Directory Website: A Complete 2026 Guide

How to Make a Directory Website: A Complete 2026 Guide

Learn how to make a directory website people use and pay for, from choosing a niche and platform to building listings, search filters, submissions, and revenue.

Bubble
October 07, 2026 • 12 minute read

How to Answer a Vendor Security Questionnaire: A 2026 Guide

October 07, 2026 • 12 minute read

How to Make a Directory Website: A Complete 2026 Guide

October 07, 2026 • 12 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

Build the next big thing with Bubble

Start building for free