zenhub40

@zenhub40·3 public vizzes

mousefolower

A single gray circle follows the mouse cursor across a blank SVG canvas. The example demonstrates React state management with `useState` and event handling via the SVG `onMouseMove` property. Mouse coordinates from the event update the circle’s `cx` and `cy` attributes, rendering through ReactDOM.

Dec 25, 2021

Loading thumbnail…

Interacting with react

A static SVG smiley face rendered with React, featuring a yellow circle with black outline and two eye circles positioned on a 960 by 500 canvas. The component structure uses plain React elements for each circle, with coordinates manually specified in the JSX. No interactivity or animation is present, despite the title, and the example demonstrates basic SVG rendering within a React component tree.

Dec 24, 2021

Loading thumbnail…

Fork of Hello HTML

Ten identical cartoon faces render in a grid, each built from reusable React components for the head, eyes, and mouth. The face uses yellow circles with black strokes, positioned via SVG groups and transformed coordinates. D3’s `arc` generator creates the mouth path, while React’s `map` and D3’s `range` produce the ten duplicates, demonstrating component composition and SVG rendering in a React framework.

Dec 24, 2021