{"version":"1.0","type":"rich","title":"10 - Simple d3.js tooltip","description":"A line chart shows stock closing prices over time, with each data point marked by a circle. Hovering over a circle triggers an animated tooltip that displays the date, price, and a hyperlink to the associated URL. The visualization uses d3.v3 to parse CSV data, build the SVG path and axes, and manage the tooltip’s opacity and position via d3.event.pageX and pageY. The tooltip is styled as a rounded orange div, though mouseout behavior is commented out.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-4e6492eba6a7a5f5958579103b11aeba?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}