CleenUI · Charts · SimpleChart

SimpleChart

Sparkline-style chart — no axes, no legend, just the trend.

storybook.cleenui.com · charts-simplechart--basic
Open in new window

About SimpleChart

SimpleChart is the inline-sparkline variant. Pass an array of values and you get a tiny chart showing the trend — no axes, no legend, no chrome. Designed to fit inside table cells, KPI cards, or dashboard tiles.

Line, bar, and area styles are supported. The minimal styling makes it useful when context (what's being measured, on what scale) is provided elsewhere on the screen.

When to use it

  • KPI cards with trend indicators.
  • Inline trend cells in DataGrid.
  • Dashboard tile mini-charts.
  • Compact metric summaries.

Common props

Prop
Type
Description
data
number[]
Array of values.
type
"line" | "bar" | "area"
Sparkline style.
color
string
Series color token or hex.
height
number
Pixel height.
showLast
boolean
Highlight the last point.
⚡ 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.