ScopeView

Appearance

ScopeViewSmall charts. Exact readings.

Metric charts, trace timelines and flame graphs with exact source values and no runtime dependencies.

Get started
Explore charts

1. Mount, update, dispose

Install the package and render a working bar chart in your application.

Create your first chart

2. Prepare a snapshot

Map metric columns, supply trace spans or describe a weighted call tree.

Bring your data

3. Fit your application

Connect the chart lifecycle to your framework and handle client rendering.

Integrate ScopeView

Install ​

sh
npm install @scopedb/scopeview
sh
pnpm add @scopedb/scopeview
sh
bun add @scopedb/scopeview

Live preview ​

Bring your data and a container. ScopeView handles the rendering. Try a family below, or open the examples gallery for built-in controls and copyable examples.

Loading interactive chart…

Compare hourly query and ingestion activity.

Hover or focus to read · Synthetic data

Choose an integration ​

Use the same documents and source readings across each approach.

IntegrationUse it when
Headless APIYour application owns titles, controls and selected-source details.
Web ComponentsYou want built-in legends, toolbars, data tables and pinned details.
HTML exportYou need a self-contained, interactive chart that opens offline.

Keep exploring ​

Themes, size and fonts · Selection and linked views · Custom rendering