Skip to main content
100%

Gantt-Chart in D3.js V3

✓ Published2🌍 Public
Ssrinivasjavvadi
Last edited Jun 23, 2020
Created on Jun 23, 2020

This Gantt chart visualizes a hospital workflow, showing the timing and status of tasks such as "Waiting," "Vital Serving," and "Doctor Serving" across a timeline. Segmented bars represent task durations, with colors indicating status like WAITING or DOCTOR. Built with D3.js V3, it uses `d3.time.scale` and `d3.scale.ordinal` to position bars, and `d3.svg.axis` for time and task labels. Animated transitions via `transition()` and `call(xAxis)` support redrawing when data updates. Data is a static array of start/end dates rendered as SVG rectangles.

AI-generated description
MIT Licensed

Similar vizzes