build69
build69  /  Components  /  Charts  /  AreaChart

AreaChart

v1.0.4Updated 25 Jul 2026

Recharts-backed area chart with stacked + threshold variants. Use to emphasise cumulative volume over time.

Preview

Live · 7 stories
DefaultOpen ↗
Why this is recommendedchartarearechartstime-series+3

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

Recommended for+14
  • Cumulative volume over time
  • Stacked composition trends
  • Threshold-bounded metrics
Tags+6
chartarearechartstime-seriescumulativedata-vizdefault
Features+4
  • Stacked or overlaid areas
  • Threshold bands
  • Gradient fill
  • Multi-series
  • i18n: numbers/axis values format per LocaleProvider locale
Not recommended for−2
  • Categorical compares (use BarChart)
  • Sharp discrete data (use LineChart)

Install

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

get_registry_item({ name: "AreaChart" })

Usage

import { AreaChart } from '@/components/data-viz/area-chart';

<AreaChart data={mrr} stacked />

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
data

Rows of time-ordered data

object[]yes
stacked

Stack series

boolean

Related