naveen-coinfantasy

@naveen-coinfantasy·2 public vizzes

Fork of Mouse Follower

An SVG circle follows the cursor across a 960 by 500 canvas, updating its position in real time. The React app uses the `useState` hook to store mouse coordinates and a `useCallback` handler to update them from `onMouseMove` events. ReactDOM renders the circle element, with its `cx` and `cy` attributes bound to the tracked position.

May 26, 2022

Loading thumbnail…

Fork of Smiley Face Part II

This fork of Smiley Face Part II renders a yellow smiley face using React and SVG, sized to fill the browser window. The face, drawn with circles for the head, eyes, and mouth, is centered on the page. The code uses React’s `ReactDOM.render` to inject the SVG into the DOM and D3’s `arc` import, though the actual drawing relies on basic SVG shape elements. The implementation adapts the original example by computing coordinates dynamically from `window.innerWidth` and `window.innerHeight`, and positions the features relative to the center.

May 26, 2022