{"version":"1.0","type":"rich","title":"d3EdgeReusable_BarChart-Simple2.1_v5","description":"Two D3.js bar charts render side by side from static data arrays, demonstrating a reusable chart module built on the Pro D3.js pattern. The charts display simple vertical bars without axes, using `d3.scaleBand` for x-positioning and `d3.scaleLinear` for y-scaling. A `d3.dispatch` event triggers `console.log` output with each bar's data and index on mouse hover. The SVG output is animated through `svg.transition()` when dimensions change, and the module pattern allows configuring chart width, height, and padding via chained methods.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/56e24803c8d9413dace72c05a6140bc7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}