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

Emmanuel's February AMA: Mobile Plugin Builder, Branching Workflows, AI Development, and More

Bubble’s co-CEO covered AI development priorities, mobile plugin timelines, workflow branching, and platform infrastructure in his latest monthly AMA.

Emmanuel Straschnov
February 13, 2026 • 5 minute read
blog-thumbnail

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

Vibe coding, agent assisted coding, visual development‌ — ‌what do these terms actually mean? This guide breaks down the terminology and shows you the fastest path from idea to working app.

Bubble
February 12, 2026 • 7 minute read
blog-thumbnail

9 Best Replit Alternatives in 2026

Explore nine Replit alternatives ranging from AI coding assistants to visual development platforms. We compare features, pricing, and ideal use cases to help you find the right tool for your project.

Bubble
February 10, 2026 • 8 minute read
blog-thumbnail

7 Best Lovable Alternatives for AI App and Web Development

Discover seven Lovable alternatives for AI app development, from platforms with full visual control to specialized coding tools. We break down features, pricing, and ideal use cases to help you choose the right platform.

Bubble
February 09, 2026 • 8 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