Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Gantt-Chart in D3.js V3 advanced

Public visualization

Gantt-Chart in D3.js V3 advanced

0 stars0🌍 Public
Vvillagef
Last edited Nov 23, 2020
Created on Nov 23, 2020

This Gantt chart visualizes the timed journey of a token ("RC10") through a hospital process, showing categories like waiting, doctor visits, laboratory tests, and pharmacy pickups along a timeline. The chart uses D3.js v3 with an SVG rendering approach, employing `d3.time.scale()` for the time axis and `d3.svg.axis()` for the grid. Bars are color-coded using a linear scale with HCL interpolation. Interactive tooltips display task details when hovering over each bar.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed