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

AI Agents vs. Chatbots vs. Virtual Assistants: What Makes Them Different?

What’s the difference between chatbots, virtual assistants, and AI agents? In this guide, we’ll break down what each one does best and help you choose the right tool for your next project.

Bubble
April 24, 2026 • 8 minute read
blog-thumbnail

How to Make Dashboards With Bubble AI: A Complete 2026 Guide

Learn how to build interactive dashboards with Bubble AI — chat with AI when you want speed, edit directly when you want control. From defining KPIs to publishing securely across web and native mobile apps, vibe code without the code.

Bubble
April 24, 2026 • 15 minute read
blog-thumbnail

The 7 Best Project Progress Tracking Tools In 2026 For Teams

Find the right project tracker for real-time visibility, fewer status meetings, and on-time delivery. Learn what to track, how tools differ, and which option fits your team.

Bubble
April 23, 2026 • 13 minute read
blog-thumbnail

IT Process Automation: The Definitive Guide

IT process automation maximizes productivity and minimizes inefficiency by eliminating or reducing reliance on manual tasks in key IT workflows. Here’s how it works.

Bubble
April 23, 2026 • 12 minute read

How to Make Dashboards With Bubble AI: A Complete 2026 Guide

April 24, 2026 • 15 minute read

Web Content Architecture 101: 5 Simple Steps to Organize Your Site's Structure

April 22, 2026 • 14 minute read

How to Build Custom Automated Expense Reporting Systems With AI

April 21, 2026 • 19 minute read

Web App Design 101: How to Design Effective Web Apps in 6 Steps

April 15, 2026 • 15 minute read

Complete Guide to the MoSCoW Method: A Simple Product Feature Prioritization Framework

April 14, 2026 • 8 minute read

Build the next big thing with Bubble

Start building for free