Bar Chart

A chart that presents categorical data with rectangular bars proportional to the values they represent.


Automatic Installation

This method is still working on progress, please use manual installation for now.

Manual Installation

Install dependencies

npm install radix-ui

Copy the code

components/bar-chart/bar-chart.tsx
import { type BarChartStyles, barChartStyles } from './bar-chart.css'
 
const BarChart = () => {
  return null
}
 
export { BarChart }

Usage

Imports

import {} from '#/components/bar-chart'

Example

Browse the Storybook for more examples.

Anatomy

// WIP
Edit on GitHub

Last updated on 3/27/2025

On this page