{"version":"1.0","type":"rich","title":"d3Edge_v5ProReusable_BarChart-Ch4.3","description":"A reusable bar chart built with D3.js v5 demonstrates the Pro D3 pattern for modular, testable chart construction. The example shows two bars charting datasets with axes and hover interactions that print data values and indices to the console while changing bar color. It uses d3.scaleBand and d3.scaleLinear for scales, d3.axisBottom and d3.axisLeft for axes, and a d3.dispatch 'customHover' event to handle mouseover behavior, following Mike Bostock's reusable chart principles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4ddb92b5d77449e0b264f4f107189607?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}