{"version":"1.0","type":"rich","title":"Swimlane using d3.js","description":"This visualization presents a swimlane chart built with d3.js (v2) that displays time-based tasks across multiple horizontal lanes. It features a main chart with detailed lane labels and a mini overview chart with a brush for navigation. Each task is rendered as a colored bar positioned by start and end times, with green and gray styling distinguishing past and future items. A blue vertical line marks the current date. The mini chart provides a zoomed-out context, allowing users to brush a region and update the main chart’s time scale. The lanes are generated from random data and separated by horizontal lines, with month labels and tick marks on the top axis and day labels on the bottom axis. The visualization is designed for Gantt-style scheduling and timeline tracking.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-0cca65de284c7f384ee553867df23522?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}