Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Gantt-Chart in D3.js V3

Public visualization

Gantt-Chart in D3.js V3

0 stars2🌍 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

Comments

Sign in to join the discussion.

MIT Licensed