{"version":"1.0","type":"rich","title":"d3-annotation: Responsive Types and Hover","description":"This interactive line chart uses d3.annotation to add responsive callout labels to a time-series visualization of stock close prices. The annotations—three labeled badges marking specific dates—can dynamically change annotation type and support hover events. On mouseover, each annotation displays additional context (the close price and date) via appended text, which is removed on mouseout. A separate resize annotation lets users drag to change the chart’s width, demonstrating how annotations can be reconfigured responsively. The SVG chart is built with D3 v4, using a line path, axes, and d3-annotation’s callout elbow type.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-5e415d37971fcd9f234b0a964c97fa65?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}