Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React Starter

Public visualization

Fork of React Starter

0 stars1🌍 Public
Ppianojoel
Last edited Oct 7, 2021
Created on Oct 7, 2021
Forked from React Starter

The visualization is an interactive React application that renders a single SVG circle, which follows the cursor's movement across the viewport. The circle's position updates in real time based on the mouse coordinates captured by the `onMouseMove` event handler. Using React's `useState` hook, the component tracks the mouse position and re-renders the SVG element with the new `cx` and `cy` attributes. The code employs the React and ReactDOM libraries, rendering the visualization directly into the HTML root element. The SVG canvas is 960 by 500 pixels, with the circle's default starting position at the center.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed