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

The 7 Best Enterprise AI Platforms in 2026 for Dev Teams

Compare the top enterprise AI platforms on model flexibility, governance, deployment options, and rapid app delivery so your team can move from pilot to production with confidence.

Bubble
August 13, 2026 • 18 minute read
blog-thumbnail

The 8 Best Software To Develop iOS Apps in 2026

The best AI mobile app builders combine AI generation with visual editing, built-in backends, and native publishing. Here's how eight platforms compare — and which fits your situation.

Bubble
August 12, 2026 • 17 minute read
blog-thumbnail

The 8 Best No-Code App Development Platforms in 2026

Compare the leading no-code app development platforms by use case, channel, and cost — so you can pick the right one and start building without writing a line of code.

Bubble
August 11, 2026 • 19 minute read
blog-thumbnail

What Is Bubble AI and How Does It Build Apps?

Bubble is an AI-powered platform to generate working apps you can see and edit. Learn what it creates, how the build process works, where mobile fits, and how it differs from AI coding tools.

Bubble
August 10, 2026 • 8 minute read

No-Code Security: A Complete Builder's Guide for 2026

July 31, 2026 • 12 minute read

How to Build a HIPAA-Compliant App in 2026

July 29, 2026 • 15 minute read

AI Tools For App Development: A Complete 2026 Guide

July 29, 2026 • 14 minute read

How to Build a Fintech App: A 2026 Walk-Through

July 28, 2026 • 14 minute read

How to Monetize Your Mobile App: A Complete 2026 Guide

July 27, 2026 • 14 minute read

Build the next big thing with Bubble

Start building for free