Interactive BarChart

The Grouped Bar Chart is a flexible Framer component designed to display data clearly — whether you need a simple bar chart or a side-by-side comparison of up to three datasets.

Toggle comparison mode on or off to switch between a standard graph and multi-series views. Bars can be individually highlighted on hover, with smart tooltips that surface exact values and automatically adjust their position. Non-active bars subtly dim to keep focus where it matters.

Animations can be enabled or disabled depending on your use case, and every visual detail is customizable — including colors, typography, grid steps, bar width, corner radius, and value formatting with prefixes or suffixes.

Built to be fully responsive and easy to drop into any Framer layout, this component delivers a clean, modern SaaS aesthetic while giving designers complete control over behaviour and styling.