Bar Chart

Bar chart with vertical/horizontal orientation. Supports grouped and stacked layouts. Use cases: Categorical comparisons, test results, production counts, event frequencies.

Installation

Copy and paste the following code into your project.

npx @plexusui/cli add bar-chart

Manual Installation

1. Copy the component code from components/bar-chart.tsx

2. Install dependencies:

npm install react@latest

3. Copy any required primitive components

Examples

Basic Bar Chart

Simple vertical bar chart showing monthly metrics

Grouped Bar Chart

Multiple series displayed side-by-side for comparison

Horizontal Bar Chart

Bar chart with horizontal orientation for categorical data

Multi-Category Comparison

Comparing multiple metrics across categories

Primitive Components

Build custom bar charts with primitive components

Loading example...