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

Bubble vs. Replit Comparison: Which AI App Builder Is Right for You?

Bubble provides all-in-one AI app generation alongside a visual editor that gives anyone full control and customizability of their app. Replit provides an IDE alongside AI support for code generation, iteration, and debugging. Which is right for you? We analyzed 11 key factors to help you decide.

Bubble
March 28, 2025 • 29 minute read
blog-thumbnail

Bubble vs. Lovable Comparison: Which AI App Builder is Right for You?

Find the right no-code AI app builder for your project with our in-depth comparison of Bubble vs. Lovable, including app output, iteration quality, customization tools, technical experience needed, and more.

Bubble
March 18, 2025 • 28 minute read
blog-thumbnail

Bubble and Stripe Atlas Partner to Help Startup Founders

Entrepreneurs can access special perks by using Bubble and Stripe Atlas together for their startups

Cheyenne Blaisdell
March 04, 2025 • 2 minute read
blog-thumbnail

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

Learn how to create impactful wireframes with insights from Bubble’s Head of Product Design, Missy Kelley. Avoid common mistakes and bring your app to life. Plus, get top tips for the Immerse process.

Bubble
March 04, 2025 • 8 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