Chart style

Applies to every chart.

Palette

Theme

Appearance

Depth
Surface
Background

Reading & motion

Axis
Hover
Legend
Numbers
Loading
Empty
Using chart defaults

Features

What charts can do

  • Sync hoverNew
  • PinNew
  • CompareNew
  • Targets & forecastsNew
  • PerformanceNew

Performance

Smooth from a hundred points to a hundred thousand. Every number on this page is measured in your browser.

Try it

decimate={true}
Points
0
Drawn
…
Ready in
…
Hover frame
Hover the chart

Benchmark

About a minute. Keep the test card on screen while it runs.

Test card

Each case appears here while it is measured.

Hover frame time and time to draw, for every card and size, appear here.

How it stays fast

Four points per pixel

A line with more points than the plot has pixels draws each pixel column’s first, last, lowest and highest point. The ink is identical, every drawn point is a real reading, and gaps and forecasts keep their edges.

decimate

Hover never re-reads your data

Moving the pointer finds the nearest row by binary search and updates only the marks that follow it. The plot, its paths and every formatted value are built once per data change.

Every number is real

Thinning only changes what is drawn. The headline, tiles, hover readouts, comparisons and exports read every row you pass.

How we measure: each card mounts with motion off, and the time runs until its last change reaches the screen. Then a pointer sweeps across it for 60 frames, and the median frame is reported. A frame can be no shorter than your display allows: 8 ms at 120 Hz, 17 ms at 60 Hz. Results vary with your device, browser and what else is running.