{"version":"1.0","type":"rich","title":"Gantt-Chart in D3.js V3 advanced","description":"This example shows the journey of a token (\"RC10\") through a hospital process, visualizing different stages like Waiting, Vital, Doctor, Laboratory, and Pharmacy as colored bars along a timeline. Built with D3.js v3, it uses `d3.time.scale`, `d3.svg.axis`, and `d3.interpolateHcl` to create a Gantt chart with a time-based x-axis and category-colored rows. Interactive hover tooltips display additional details for each task. The visualization renders to SVG and includes a grid, vertical labels, and percentage calculations based on the provided task data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/346e87f6f3e5483fa3223a9a3788de1d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}