Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Viewing a saved revision (read-only)

44a963ad22bf4ddeb6debd457b9e3bd5

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.