{"version":"1.0","type":"rich","title":"Axes with Hover","description":"This example demonstrates an interactive scatter plot with dynamic hover feedback. As the mouse moves over the plot area, black reference lines extend from the cursor position to both the x-axis and y-axis, visually linking the cursor to its coordinate values. The visualization uses D3.js v7 and relies on the `pointer` event method to capture mouse coordinates and a ResizeObserver to handle responsive dimensions. Axes are rendered with `axisBottom` and `axisLeft`, while the `scaleLinear` scales map data values to pixel positions. The hover lines only appear when the cursor is within the plot's inner rectangle boundaries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/37848c45dd4648fca3da30ed30f78316?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}