Skip to content

TimescopeUser Interface for Time Travel

An infinite time slider that can display charts

It’s an embeddable JavaScript / TypeScript library. Add a time slider to your app in just a few lines.

npm install timescope
Timescope
Present
Time PickerPick a moment on an infinite time axis.
A time slider with its cursor at 12:00 UTC
Time SeriesExplore your data on the same time axis.
The same time slider with a central time axis, stepped signals, a sine wave, and a filled activity curve
Audio WaveformExplore audio with sample-level detail.
An audio waveform on a relative time axis in seconds
Stock ChartPrices, moving averages, and volume.
Binance BTC/USDT monthly candlesticks with 5- and 20-month moving averages and a separate volume track

Smooth Navigation

Grab the time axis like a map. Pan freely, zoom smoothly, and keep your moment in focus.

10:0013:0016:00Zoom along time

Smooth Animation

Canvas draws dense data efficiently. A dedicated Worker renders and animates while your app loads and processes data asynchronously.

Main threadload & processyour dataWorkerrender & animateCanvas

Explore Any Era

Travel from the dawn of time to distant aeons. Arbitrary-precision coordinates let you explore any moment on the time axis.

Dawn of TimeNowDistant AeonsChoose when.

Zoom to Any Scale

From the age of the universe to quark lifetimes. One arbitrary-precision time axis spans an extraordinary dynamic range.

Age of theuniverseSecondsQuarklifetimesChoose the detail.

Compose Your View

Combine graphs, events, and overlapping time spans. Different data, the same map-like navigation.

DataEventsSpans

Load Efficiently

Load only what you need, at the detail you need. Chunks follow the visible time range and resolution.

Visible viewport……Just the range. Just the detail.