{"version":"1.0","type":"rich","title":"MasteringD3-Resusable-ProD3js-2.2.5","description":"This example demonstrates a reusable bar code chart that maps time-series data to vertical lines, with a button to add new data points. It builds on Mike Bostock’s reusable chart pattern and the ProD3.js module structure, using d3.scaleTime for the x-axis and d3.timeDay for date intervals. The SVG renders a white background rect and steelblue lines with stroke-opacity, while updateData triggers transitions to redraw the chart. The code uses D3 v5 with a vanilla HTML implementation, separate from any existing state management.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7745cc932eaa46dcb36240987185744f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}