{"version":"1.0","type":"rich","title":"Gantt-Chart in D3.js V3","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8eeb674f22a64a5c91c65ec3fed7f379?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}