{"version":"1.0","type":"rich","title":"MasteringD3-Resusable-ProD3js-2.3E","description":"This example demonstrates a reusable bar code chart, a temporal visualization of daily stock-mention data for companies like AAPL and MSFT, alongside a table showing name, today’s mentions, and mentions-per-hour. It applies the ProD3.js pattern and Mike Bostock’s reusable chart principles, using d3.scaleTime for the date axis and d3.scaleOrdinal with d3.schemeCategory10 for coloring. The SVG renders animated bar lines per data row within an HTML table via a foreignObject, with D3 v5 managing scales, axes, and dispatcher events.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a195948084134d95ace3f61b35c4cd99?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}