Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Mouse Follower

0 stars0🌍 Public
JJoeleen Kado
Last edited Mar 2, 2021
Created on Mar 2, 2021

An SVG smiley face follows the mouse cursor across a hidden-overflow canvas. The face is built from React components for the background circle, eyes, and mouth, with a d3.arc path generating the curved smile. A range of 18 faces is rendered, each with randomized stroke widths, eye offsets, eye radii, and mouth dimensions, producing a playful, shifting expression as the pointer moves. The composition uses static SVG elements and React’s component model to assemble the graphic.

AI-generated description

Smiley face implementation with React & D3, taking full advantage of React components and ES6 modules.

Comments

Sign in to join the discussion.

MIT Licensed