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 • % minute 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 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 Bubble

LATEST STORIES

blog-thumbnail

Introducing Bubble for Native Mobile Apps: A Faster, More Effective Way to Build for Mobile

We’re excited to launch native mobile app capabilities in public beta, giving everyone the ability to build, launch, and scale mobile apps without coding.

Bubble
June 09, 2025 • 9 minute read
blog-thumbnail

Mobile App Pricing: Everything You Need to Know Before October 1

Bubble's mobile app pricing is here. Learn about new plans, free beta access, and how to opt in before the October 1, 2025 deadline.

Bubble
June 09, 2025 • 4 minute read
blog-thumbnail

Replit vs. Cursor vs. Bubble: 2025 Comparison of the Top AI App Builders

Which tool is right for you? See how Cursor, Replit, and Bubble compare in terms of building an app, app design, security, integration, technical skill needed, and more.

Bubble
June 03, 2025 • 18 minute read
blog-thumbnail

Bolt vs. Cursor vs. Bubble: A 2025 Comparison of Top AI Builders

Which AI app builder is right for you? See how Cursor, Bolt, and Bubble approach app development, design, AI support, coding, and more to find the right one for your skill level and project needs.

Bubble
June 03, 2025 • 18 minute read

How to Build a Wireframe: Top 7 Dos & Don’ts of Building Your App’s Blueprint

March 04, 2025 • 8 minute read

What Is a Database and Why Does Every App Need One?

January 15, 2025 • 6 minute read

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

November 20, 2024 • 15 minute read

Build Your AI Agent on Bubble — No Coding Required

November 19, 2024 • 2 minute read

What Is User Acceptance Testing (UAT) and How to Do It Well

October 30, 2024 • 12 minute read

Build the next big thing with Bubble

Start building for free