{"version":"1.0","type":"rich","title":"d3Edge_v5ProReusable_BarChart-Ch4.2","description":"This bar chart example demonstrates the Pro D3.js reusable chart pattern, rendering two separate charts from distinct datasets. Mouse hover on the first chart triggers a custom event that logs data values and indices to the console. The visualization uses d3.scaleBand and d3.scaleLinear for axes, with d3.axisBottom and d3.axisLeft for tick marks, all drawn as SVG rectangles with CSS styling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8f4002a02ca44615ae1f4dce76f3fa4f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}