Area Chart

Interactive SVG Area & Line velocity chart with timeframe switching (7D / 30D / 90D), gradient fill, comparison line, and live hover crosshair.

Net Revenue & MRR Velocity

Real-time settled volume vs previous billing cycle

$128,430+18.4%current period
Current ($128,430)Previous ($94,100)
Oct 05Oct 10Oct 15Oct 20Oct 25Oct 30Nov 05

Installation

You can add this area chart component using our CLI or manually:

Dark mode ready - this component follows Ethereal UI semantic tokens automatically. Set up theme switching.

The CLI copies the component source (with its internal dependencies) into your project and installs any required npm packages.

npx @etherealui/cli@latest add area-chart