{"version":"1.0","type":"rich","title":"91. D3 SVG Tooltip","description":"A bar chart of twenty values rendered as SVG rectangles uses D3.js version 4.5.0 to display a dynamic tooltip on mouseover. The tooltip is created by appending a text element to the SVG at the bar’s position, showing the data value, and removed on mouseout. Clicking a bar triggers a sorting animation using `transition().delay()` and `duration()` to reorder bars by value. Bars also change color to orange on hover via CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/917afebc891446768e257d4eb590ae3f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}