Chart gallery

Live, interactive charts built with Reincharts. Drag to pan, scroll to zoom, then copy the code into your app.

General

Interactive charts for dashboards and data apps, with pan, zoom, crosshairs and tooltips.

Annotated line

A highlighted period, a goal line and markers.

Open example

Area & line

Shared tooltip that follows the pointer.

Open example

Curves

Linear, monotone and step lines.

Open example

Stacked area

Absolute or normalized to 100%.

Open example

Bars

Rounded columns on a category axis.

Open example

Grouped bars

Several values per category.

Open example

Stacked bars

Toggle series from the legend.

Open example

Histogram

Positive and negative values.

Open example

Horizontal bars

Category y axis, value x axis.

Open example

Stacked horizontal bars

Progress by team.

Open example

Scatter

Markers by group, nearest-point tooltip.

Open example

Bubble

Area mapped to a value.

Open example

Error bars

Mean with one standard deviation.

Open example

Numeric x axis

Continuous, unevenly sampled data.

Open example

Reference lines & areas

Thresholds, incidents and peaks.

Open example

Financial

Candlesticks and other price charts, on the same engine.

Candlestick

Legend, last value line and crosshair.

Open example

Hollow candles

Rising candles drawn as outlines.

Open example

OHLC bars

Open and close ticks on a high-low line.

Open example

Heikin Ashi

Averaged candles that filter noise.

Open example

Baseline

Green above, red below a base value.

Open example

HLC area

High-low range around the close.

Open example

Volume overlay

Volume on an overlay scale.

Open example

Volume profile

Volume by price with the POC.

Open example

Renko

Fixed-size bricks.

Open example

Kagi

Yin and yang reversal lines.

Open example

Point & Figure

Columns of X and O.

Open example

Line break

Three-line break boxes.

Open example

Indicators

30+ built-in indicators, or define your own.

Moving averages

SMA, EMA, WMA, HMA and VWMA.

Open example

Bands & channels

Bollinger, Keltner, Donchian and envelopes.

Open example

Signals

EMA crossovers with markers.

Open example

Custom indicator

Bollinger %B with defineIndicator.

Open example