Chart families

Choose a chart by the relationship in your data, then import its factory. Each family uses the same tokens, compact readings and lifecycle.

Live gallery

Open the examples gallery to try charts and copy their source. The tables below help you choose a visualization and its smallest factory import.

Metric charts

Chart	Typical use	Visualization	Smallest entry
Line	Change across supplied times/categories	line	/chart/axis
Area	Filled or stacked time series	area	/chart/axis
Bar	Category comparisons or explicit time buckets	bar	/chart/axis
Scatter	Two numeric coordinates, optional size/color	scatter	/chart/scatter
Donut	Non-negative category weights and share	pie	/chart/donut
Top list	Rows in supplied rank order	top-list	/chart/top-list
Treemap	Non-negative weights as proportional cells	treemap	/chart/treemap
Value	One-row aggregate quantities	big-number	/scalar for direct values; /chart for documents

Paths are relative to @scopedb/scopeview. Horizontal category bars also use /chart/top-list. /report chooses and loads a layout when the type is not known ahead of time.

Traces and profiles

Family	Typical use	Document kind	Entry
Trace timeline	Span timing and parent relationships	trace	/trace
Flame graph	Inclusive weight across a call tree	profile	/flame

The data format defines metric encodings, span timestamps and frame weights.

Reading behavior

Line/area charts connect samples with straight segments and preserve explicit gaps. Stacked inspection reports individual source quantities. Top lists preserve input order; they do not sort or aggregate. Trace timing uses supplied nanoseconds, and profile width comes from self weight plus descendants. Small marks retain keyboard access to their exact readings.

Next steps

• Getting started: mount your first chart and update its data.
• Headless API: choose a factory, enable interactions or load layouts on demand.
• Web Component API: use built-in controls, events and saved views.