{"version":"1.0","type":"rich","title":"MasteringD3-Resusable-ProD3js-2.3","description":"This example demonstrates a reusable bar code chart pattern built with D3.js v5, showing a table of name, mentions, and mentions per hour alongside a time-based bar code strip. The chart updates with new data when the user clicks the \"Add data\" button, using the ProD3.js modular chart pattern and Rob Moore's updatable chart approach. The code defines scale functions like `d3.scaleTime()` and extracts date values with `d3.timeDay`, while rendering the table with `selectAll` and `.append` operations on SVG groups.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/323b30a5bfd4400aa706a5c7f1982711?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}