{"version":"1.0","type":"rich","title":"MasteringD3-Resusable-ProD3js-2.3B","description":"This example demonstrates a reusable bar code chart pattern for visualizing time-series data, showing daily mention counts for multiple items alongside a corresponding data table. The visualization combines an SVG-based bar code representation with an HTML table rendered through foreignObject, using D3.js v5. The code implements the ProD3.js modular chart pattern, building on Mike Bostock's \"Towards Reusable Charts\" principles. It uses d3.timeDay for date intervals, d3.scaleTime for temporal scaling, and d3.select with foreignObject to embed the tabular HTML content within the SVG container.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1de5cd841ce042009d8d2addcae5c73c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}