Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smiley Face Part V

Public visualization

Fork of Smiley Face Part V

0 stars0🌍 Public
BBetty
Last edited May 4, 2022
Created on May 4, 2022
Forked from Smiley Face Part V

A yellow smiley face with eyes and a mouth follows the cursor across a full-screen SVG canvas. Built with React components split into separate ES6 modules, the face’s position updates via React’s `useState` hook on mouse movement. The mouth is rendered using a D3 `arc` generator, while the face’s circular background, eyes, and mouth are composed as reusable React fragments and components, with styling applied through SVG attributes.

AI-generated description

Splitting React components into multiple files using ES6 modules. Bonus: React Fragments!

Comments

Sign in to join the discussion.

MIT Licensed