🌍 Public
Viewing a saved revision (read-only)
78b6a1df28404666a50d205d87e50fa8
Fork of Timeline Chart
This example displays a timeline chart that visualizes device activity periods, distinguishing between running and stoppage states through colored horizontal bars. The visualization uses React components with D3 v5 scales, including `scaleBand` for the y-axis categories and `scaleTime` for the x-axis time domain. SVG rectangles render the data intervals, with hover tooltips showing the exact start and end times. The chart includes a color scale that maps device states to blue and red, while the axis components handle tick generation and label truncation for longer device names.
AI-generated descriptionTimeline chart using react and D3 js.