{"version":"1.0","type":"rich","title":"MasteringD3-Resusable-ProD3js-2.2.4","description":"This example demonstrates a reusable bar-code chart built with D3 v5, following the ProD3.js pattern for modular, maintainable visualizations. It renders a time-based dataset as vertical black lines over a white background, with each line’s x-position determined by a date value via `d3.scaleTime`. The chart initializes with a back bar drawn as a white rectangle, then appends and transitions line elements using SVG and `transition().duration(300)`. The code includes update functions for data and fill color, reflecting the reusable chart architecture derived from Mike Bostock’s and Rob Moore’s patterns.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/48e60fe1140748329ea18ae6e99ccd08?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}