Animated React charts

Explore interactive activity heatmaps, monthly returns, and price target charts. Copy the React source and customize it for your data.

New

Line Chart

Line and area charts that morph with your data, with a snapping crosshair and value tooltips.

Bar Chart

Grouped, stacked and horizontal bars that grow in, rescale and reorder with springs.

Sparkline

A compact inline trend for stat cards and tables, with a change badge and optional readout.

Sankey Chart

Weighted flows between stages that draw in and morph with your data.

All charts

Treemap

Proportional tiles that morph with your data, with value and share tooltips.

Candlestick Chart

Live OHLC candles with volume, a last-price line, and a crosshair readout.

Donut Chart

Rounded share segments with a linked center readout and legend.

Volume Profile

Animated volume by price, with point of control and value area highlights.

Status Bar

Animated status history with rounded bars and period tooltips.

Composition Chart

Stacked bar and area shares with period tooltips and a compact interactive legend.

Funnel Chart

Vertical and horizontal funnels with curved stages and animated number tooltips.

Liquidity Heatmap

Animated liquidity bands across price and time, with a price trace and depth tooltips.

Bump Chart

Animated rankings with curved paths, interactive rank dots, and tooltips.

Order Book

Animated order book with bid and ask depth, spread, and volume balance.

Heat Calendar

Composable activity calendar with Grid, Legend, and Tooltip parts, controlled range selection, and UTC calendar dates. Supply weekly intensities to visualize activity and total a selected span.

Returns Calendar

Composable monthly returns calendar with Grid and Tooltip parts, controlled month or year selections, and compounded totals. Supply your own years and monthly percentages.

Price Target Fan

Composable price target chart with Header, Plot, SVG, Axes, History, Targets, Now, Cursor, and Tooltip parts. Supply dated price history and targets; scrub with a pointer or keyboard and customize the active readout.