Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Timeline Chart

Public visualization

Timeline Chart

0 stars1🌍 Public
RRajat Dangat
Last edited May 25, 2021
Created on May 24, 2021
Forked from Stylized Bar Chart

This timeline chart visualizes device activity intervals, showing periods labeled as "running" or "stoppage" across multiple test devices. Rendered as SVG rectangles with D3 v5 scales (scaleTime, scaleBand, scaleOrdinal) and React components, each bar spans its start and end dates on a time axis. Hovering reveals tooltips with the formatted time range. The color scale distinguishes the two activity categories, while axis components handle tick labels and gridlines. The data originates from a static array of device states.

AI-generated description

Timeline chart using react and D3 js.

Comments

Sign in to join the discussion.

MIT Licensed