{"version":"1.0","type":"rich","title":"MasteringD3js_ReuseProD3_Ch2 pt2.2c","description":"This example demonstrates a barcode-style timeline visualization for multiple data series, where each series contains random date intervals generated using an exponential distribution. The code shows how to structure reusable D3.js chart modules following a ProD3.js pattern, with separate functions for building scales, SVG containers, and drawing elements. Using d3.scaleTime, it computes minimum and maximum date values for each series to set the time domain. The example also highlights migration issues from D3 v3 to v5, particularly around selection and data handling APIs.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9c9ccfb5dbce4d52a9e2d5f61a1496fb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}