React Chart Demos

Line charts excel at showing trends over continuous data and time series. Read the docs →

Basic Line Chart

Line with Data Labels

Zoomable Timeseries

Line with Annotations

Syncing Charts

Brush Chart

Stepline Chart

Gradient Line

Missing / Null Values

Dashed Line

Realtime

Large Dataset Downsampling

Area charts emphasize the magnitude of change over time and stacking relationships between series. Read the docs →

Basic Area

Spline Area

Datetime X-Axis

Negative Values

GitHub Style

Stacked Area

Missing / Null Values

Irregular Timeseries

Column charts compare values across discrete categories with vertical bars. Read the docs →

Basic Column

Column with Data Labels

Stacked Column

Stacked Column 100%

Column with Rotated Labels

Column with Negative Values

Dynamic Loaded Chart

Distributed Columns

Range Column

Grouped Stacked Column

Dumbbell Chart

Column with Markers

Column with Group Label

Horizontal bar charts compare values across categories — ideal when labels are long. Read the docs →

Basic Bar

Grouped Bar

Stacked Bar

Stacked Bar 100%

Bar with Negative Values

Reversed Bar

Custom Data Labels

Patterned Bar

Bar with Markers

Grouped Stacked Bar

Combine line, column, and area series in a single chart for richer comparisons. Read the docs →

Line & Column

Multiple Y-Axis

Line & Area

Line, Column & Area

Visualize ranges and uncertainty bands together with a line or trend. Read the docs →

Basic Range Area

Range Area + Line Combo

Timeline (range bar) charts show durations, schedules, and gantt-style progress. Read the docs →

Basic Timeline

Grouped Rows

Multi Series

Advanced Timeline

Custom Colors

Dumbbell Horizontal

Funnel charts visualize stage-by-stage drop-off in a process or conversion flow. Read the docs →

Funnel Chart

Pyramid Chart

Trapezoid Funnel (Tapered)

Candlestick charts visualize OHLC financial data over time intervals. Read the docs →

Basic Candlestick

Candlestick + Bar

Candlestick + Line

Boxplots summarize the distribution, median, and outliers of a dataset. Read the docs →

Basic BoxPlot

BoxPlot + Scatter

Horizontal BoxPlot

Bubble charts add a third dimension to scatter plots using marker size.

Simple Bubble

3D Bubble

Scatter charts plot pairs of values to reveal correlation and clusters.

Basic Scatter

Datetime Scatter

Scatter with Images

Heatmaps surface intensity patterns across a matrix using color. Read the docs →

Basic Heatmap

Multiple Colors

Color Range

Rounded Heatmap

Treemaps visualize hierarchical part-to-whole relationships using nested rectangles. Read the docs →

Basic Treemap

Multi-Dimensional

Color Scale

Distributed Treemap

Slope charts compare two points in time across many categories at a glance.

Basic Slope

Slope Multi Group

Pie and donut charts show part-to-whole proportions for a small number of categories. Read the docs →

Simple Pie

Simple Donut

Monochrome Pie

Gradient Donut

Donut with Pattern

Donut Update

Pie with Image

RadialBar and circular charts display progress, KPIs, and goal completion. Read the docs →

Basic RadialBar

Multiple Band

Custom Angle

Gauge charts surface a single metric against a goal or threshold range. Read the docs →

Basic Gauge

Gauge with Bands

Gauge with Custom Label

Gauge with Ticks

Needle Gauge

Live Needle Gauge

Semi-Circle Gauge

Radar charts compare multiple variables across one or more series on a polar axis. Read the docs →

Basic Radar

Radar Multiple Series

Radar with Polygon Fill

Polar area charts combine pie segments with bar length to encode two dimensions.

Basic Polar Area

Polar Area Monochrome

Inline, axis-free mini charts for compact trend display alongside KPIs.

Basic Sparklines

Full ApexCharts dashboard concepts combining multiple chart types in a single page.

Dashboard Concept – Modern

Dashboard Concept – Dark

Realtime Dashboard