Mayank Buwade

@mayankBuwade·3 public vizzes

csv file details

A yellow circle follows the mouse cursor across an SVG canvas, functioning as a simple interactive pointer-based visualization. The application is built with React, using the `useState` hook to track mouse coordinates and `onMouseMove` events to update the circle’s position in real time. The SVG viewport is set to the full window dimensions, and the circle’s radius is a fixed 20 pixels. The code references an unused commented-out smiley face markup, but the live rendering shows only the moving circle.

Jun 19, 2023

Loading thumbnail…

mouse follower with reactJS

A yellow circle follows the mouse cursor across a full-screen SVG canvas, reacting to every pointer movement in real time. The example demonstrates React state management and event handling with a simple interactive visualization. Using the `useState` and `useCallback` hooks, the application tracks the mouse's `clientX` and `clientY` coordinates and updates the circle's `cx` and `cy` attributes accordingly. Built with React 16.9 and rendered as SVG nodes through `ReactDOM.render`, the visualization responds directly to pointer events without additional data sources or processing libraries.

Jun 18, 2023

Loading thumbnail…

Fork of Smiley Face Part II

A single yellow circle follows the mouse cursor across a full-window SVG canvas. The React app tracks pointer coordinates through an `onMouseMove` event handler, updating the circle's `cx` and `cy` attributes via the `useState` hook. The rendering relies on ReactDOM and React 16.9.0, with `useCallback` to manage the event listener. Only one circle is displayed; the smiley face features from the source are commented out, leaving the interactive tracking visualization as the sole output.

Jun 18, 2023