{"version":"1.0","type":"rich","title":"Avoidant Tooltip","description":"A tooltip follows the cursor across a grid of thin steelblue lines, dynamically repositioning itself so it never clips at the edges of the 960-by-500 SVG viewport. The black, white-bordered tooltip displays the mouse’s x and y coordinates, fading in and out via d3 transitions. Built with D3 v4, the code attaches mousemove and mouseout listeners to the SVG, calculates adjusted left and top positions based on cursor proximity to the viewport’s center, and uses `d3.event.x` and `d3.event.y`. Clicking the tooltip triggers a brief orange flash overlay.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-e81c67c1f0db4c4806ffdc4160c6e7d9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}