{"version":"1.0","type":"rich","title":"Mouseover Example","description":"This example demonstrates a mouseover interaction on a single circle rendered in an SVG. A tooltip appears near the cursor when the circle is hovered, displaying a custom HTML message that includes text and an image, and it disappears when the mouse leaves. The visualization is built with D3.js v6, using `d3.select` to append the SVG and tooltip elements and `.on()` event listeners for `mouseover`, `mousemove`, and `mouseleave` to control tooltip visibility and positioning. The tooltip is styled inline with CSS properties such as `position: absolute` and `visibility: hidden`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f3e8a894217945a5b91f8a53dbb5ae84?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}