Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Different color smiley faces

Public visualization

Different color smiley faces

0 stars1🌍 Public
NNita
Last edited May 28, 2020
Created on May 28, 2020

This example renders a grid of interactive smiley faces, each with a distinct color and face size. The faces track the user's mouse movement, with the face container re-centering and resizing in response to cursor position. The visualization is built using React for component structure and state management, while D3’s `arc` function generates the mouth shape. Each face’s eye color and radius are set with random RGB values, and the SVG is updated dynamically via mouse event handlers.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed