Charts and large data

Present data with charts and keep large lists and tables responsive with virtualized rows.

All components

Component guides

BarChart

Compare categorical values in a responsive SVG chart, including positive and negative data.

Explore BarChart

LineChart

Show change across an ordered sequence with multiple series, optional areas and precise presentation controls.

Explore LineChart

DoughnutChart

Show positive parts of a whole with a configurable ring, centre label and theme-aware segment colors.

Explore DoughnutChart

VirtualList

Keep large collections responsive by mounting a small scrolling window of fixed-height rows.

Explore VirtualList

VariableVirtualList

Keep large collections responsive by mounting a small scrolling window of measured variable-height rows.

Explore VariableVirtualList

VirtualTable

Render a large semantic table while mounting only nearby rows, with predictable fixed row heights.

Explore VirtualTable

VariableVirtualTable

Render a large semantic table while mounting only nearby rows, with measured variable row heights.

Explore VariableVirtualTable