🌍 Public
Viewing a saved revision (read-only)
29592a07fe9b4ecba0372dc32b278289
Mouse Interaction
A yellow circle with a black border sits at the center of an SVG canvas. The example demonstrates mouse interaction by logging the cursor's coordinates to the console on every mouse movement over the SVG element. Built with React and D3.js (v5), the SVG circle is rendered declaratively, and the `onMouseMove` event handler captures the `clientX` and `clientY` properties from the event object. The code uses `ReactDOM` to render the component into the root element, with D3's `arc` function imported but not currently applied.
AI-generated descriptionMouse interaction with a circle