{"version":"1.0","type":"rich","title":"82. D3 Mouseover","description":"A static bar chart displays a dataset of 20 numeric values as vertical bars with blue fills and white value labels. Using the D3.js v4 library, the example demonstrates a basic mouseover interaction: hovering over any rectangle changes its fill color to orange. The visualization is built with SVG elements generated through `d3.scaleBand` for x-axis positioning, `d3.scaleLinear` for y-axis scaling, and event listeners attached via the `.on(\"mouseover\", ...)` method. The code creates the SVG container, binds data to rectangle and text elements, and applies the color change directly to the selected node.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f3de50187098487699b31a69e7aeb5bc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}