CleenUI · Charts · Chart

Chart

Generic chart primitive supporting bar, column, and line types with configurable axes and legends.

storybook.cleenui.com · charts-chart--area-chart
Open in new window

About Chart

Chart is the multi-type primitive that handles bar, column, line, and area charts. Series can be stacked or grouped; axes can be linear, log, or category-based; legends are interactive (click to hide/show series).

Use Chart when you need a customizable, multi-series visualization. For simpler one-shot displays, prefer SimpleChart.

When to use it

  • Revenue or metric trends over time (line).
  • Category comparisons (bar/column).
  • Multi-series performance dashboards.
  • Cumulative or stacked area charts.

Common props

Prop
Type
Description
data
Series[]
Series data with x/y points.
type
"bar" | "column" | "line" | "area"
Chart type.
stacked
boolean
Stack series instead of grouping.
xAxis
AxisConfig
X-axis configuration.
yAxis
AxisConfig
Y-axis configuration.
⚡ Already in an AI editor?

Set up CleenUI in your tool.

Skip the manual import — ask your AI agent to build with this component. The Builder skill knows its props, variants, and idioms.