{"version":"1.0","type":"rich","title":"81. D3 Hover","description":"A simple bar chart displays twenty numeric values as vertical bars, with each bar labeled by its value and colored in a blue gradient. The example demonstrates a CSS-only hover effect, where hovering over any rectangle turns it orange. Built with D3.js version 4.5.0, the code uses `d3.scaleBand` to position bars along the x-axis, `d3.scaleLinear` for the y-axis, and SVG `rect` and `text` elements for rendering, with hover styling defined via CSS `:hover` selector.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a5d128a15f1a426ea709c4027a645ad8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}