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

No-Code Development: The Definitive Guide

Whether you're building internal tools or a brand new app, this guide will teach you everything you need to know about no-code platforms.

Bubble
June 11, 2026 • 21 minute read
blog-thumbnail

How to Integrate AI Into an App: Step-by-Step Guide + Feature Ideas

Learn how to add AI capabilities to your app — from choosing the right features to connecting AI models, building the UX, and testing for security.

Bubble
June 11, 2026 • 16 minute read
blog-thumbnail

Top 11 AI Startup Ideas for 2026: What to Build (and Why)

Looking to launch an AI startup? These 11 AI startup ideas all have high growth potential, and with Bubble’s AI app builder, you can prototype and launch without writing a line of code.

Bubble
June 11, 2026 • 11 minute read
blog-thumbnail

AI Tools For App Development: A Complete 2026 Guide

Learn which AI tools fit your use case, how to choose between them, and how to go from idea to a launched web or mobile app — no coding background required.

Bubble
June 11, 2026 • 15 minute read

AI Tools For App Development: A Complete 2026 Guide

June 11, 2026 • 15 minute read

How to Build a CRM: A Step-by-Step Guide for 2026

May 29, 2026 • 15 minute read

9 Best Replit Alternatives in 2026

May 25, 2026 • 8 minute read

7 Best Lovable Alternatives for AI App and Web Development

May 19, 2026 • 11 minute read

How Much Does It Cost to Create an App in 2026?

May 18, 2026 • 10 minute read

Build the next big thing with Bubble

Start building for free