build69
build69  /  Components  /  Charts  /  MiniArea

MiniArea

v1.0.3Updated 25 Jul 2026

Tiny inline area chart for table cells / KPI tiles. No axes.

Preview

Live · 7 stories
DefaultOpen ↗
Why this is recommendedchartminiinlinearea+3

The default, out-of-the-box MiniArea.

Recommended for+14
  • Table cell trend column
  • KPI tile mini chart
Tags+6
chartminiinlineareasparklinedata-vizdefault
Features+4
  • No axes / labels
  • Tonal variants
  • Gradient fill
Not recommended for−2
  • Full charts (use AreaChart)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "MiniArea" })

Usage

import { MiniArea } from '@/components/data-viz/mini-area';

<MiniArea values={[2, 4, 3, 6, 8]} />

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired
values

Data points

number[]yes

Related