Ariel Tejada

@ArielTejada·2 public vizzes

Fork of Mouse Follower

An interactive React visualization renders a single circle that directly follows the mouse cursor across an SVG canvas. The app uses React 16.9 hooks, specifically `useState` and `useCallback`, to track the mouse position via the SVG `onMouseMove` event handler. The circle’s center coordinates update reactively with each pointer movement, while the viewport dimensions are fixed at 960 by 500 pixels. The rendering approach relies solely on React’s declarative SVG element creation, without any external data source or animation library.

Aug 2, 2022

Loading thumbnail…

Fork of Smiley Face Part V Test

This gallery example renders a smiling face composed of SVG circles and a path, built with React components and ES6 modules. The face includes a yellow background circle, two black eyes, and a mouth drawn using D3’s `arc` generator to create an annular sector. React fragments allow multiple SVG elements to be returned from components, while the app assembles them into a 960x500 viewport. The visualization demonstrates a modular React–D3 integration, with static parameters defining sizes and offsets for each facial feature.

Aug 2, 2022