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

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
January 29, 2026 • 31 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
January 26, 2026 • 31 minute read
blog-thumbnail

Join the Launch Program: From Idea to Customers in 90 Days

Learn more about our guided three-month program helping founders move from idea to MVP to customers, with structured support, proven frameworks, and a community of builders shipping together.

Bubble
January 26, 2026 • 4 minute read
blog-thumbnail

Bubble vs. Cursor AI: A 2025 Comparison of Two Popular AI-Powered App Builders

Bubble and Cursor both use AI to speed up app development, but take different approaches to coding, AI use, accessibility, and more. Here’s how to pick the right one for your next project.

Bubble
January 23, 2026 • 17 minute read

9 Best Replit Alternatives in 2026

January 13, 2026 • 7 minute read

7 Best Lovable Alternatives for AI App and Web Development

January 13, 2026 • 6 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

How to Build an App for Your Business: 8 Simple Steps

January 13, 2026 • 6 minute read

Build the next big thing with Bubble

Start building for free