Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Different color smiley faces

Public visualization

Viewing a saved revision (read-only)

c846d9209e034ed8859308dddcf20076

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.