🌍 Public
Viewing a saved revision (read-only)
4436f837c8e04121907def0cfb48ccb4
Axes with Hover and labels
This example demonstrates interactive axes with crosshair guides that track the mouse cursor. As the pointer moves over the plot area, dashed lines extend from the cursor to the axes, accompanied by numeric value labels that display the current x and y coordinates. The visualization uses D3's `scaleLinear` for coordinate mapping and `axisBottom`/`axisLeft` for rendering ticks. Crosshair lines and value labels are dynamically joined to the SVG via the D3 `join` operation, updating on every mouse movement event.
AI-generated descriptionAdding a hover effect to the inner rectangle to extend lines from the cursor to the axes.
Challenge
- challange exepted