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

Episode 5: How Sam Rudy Is Fixing the Music Industry's Broken Studio Booking Process

After 11 years booking recording studios for major artists, Sam Rudy is now building the marketplace the music industry never had.

Bubble
March 17, 2026 • 4 minute read
blog-thumbnail

Why JavaScript Is the Wrong Language for Vibe Coding

Co-CEO Josh Haas explains why the abstraction gap between human concepts and JS leaves builders permanently stuck.

Joshua Haas
March 16, 2026 • 7 minute read
blog-thumbnail

Can You Build Games on Bubble? Here's What Our Team Created

Four Bubble team members built fully playable games in their spare time. See how they used Bubble to design and launch them.

Bubble
March 13, 2026 • 4 minute read
blog-thumbnail

March 2026 AMA Recap: Emmanuel on the AI Agent Rollout, Mobile Progress, and What's Next for Bubble

Emmanuel's March community AMA covered a lot of ground — from the AI Agent rollout timeline to mobile updates, workflow branching, and Bubble's competitive take on the vibe coding era. Here's what you missed.

Emmanuel Straschnov
March 12, 2026 • 6 minute read

The Beginner’s Guide to No-Code App Design and Builds

February 12, 2026 • 7 minute read

9 Best Replit Alternatives in 2026

February 10, 2026 • 8 minute read

7 Best Lovable Alternatives for AI App and Web Development

February 09, 2026 • 8 minute read

How to Build an Employee Portal With AI

January 13, 2026 • 6 minute read

How to Keep Track of Inventory: 9 Proven Methods for Business Owners

January 13, 2026 • 9 minute read

Build the next big thing with Bubble

Start building for free