{"version":"1.0","type":"rich","title":"84. D3 Smoother","description":"A bar chart displays a dataset of 20 values as vertically oriented rectangles, with each bar labeled by its numerical value. Hovering over a bar immediately changes its fill color to orange, while moving the mouse away triggers a smooth 250-millisecond transition that gradually restores the original blue color. The visualization uses D3.js version 4.5.0, specifically `d3.select`, `d3.scaleBand`, `d3.scaleLinear`, and the `transition` method with a `duration` parameter to animate the color changes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2eb151dbfe2444b6bd4aea0f5b0e8015?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}