{"version":"1.0","type":"rich","title":"d3Edge_v5ProReusable_BarChart-Ch4.1","description":"This example demonstrates a reusable bar chart built with D3.js v5, following the Pro D3.js pattern for modular chart creation. The SVG-based visualization renders two separate bar charts from hardcoded arrays of numeric string values, with steel-blue bars and no axes. The chart employs a dispatcher object to broadcast a customHover event, which prints data values and indices to the console when the mouse hovers over a bar. The implementation uses D3’s `scaleBand` and `scaleLinear` for positioning and scaling, while the reusable `barChart` module exposes configurable width and height accessors.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/87fe7881d6a240a38c075aa3e7272c02?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}