Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

dv.5-10 - Smiley Face

Public visualization

Viewing a saved revision (read-only)

a758f39ad47c4c5a9c08fb71bb27d430

dv.5-10 - Smiley Face

0 stars1🌍 Public
Zzach b.
Last edited Feb 13, 2023
Created on Apr 3, 2020
Forked from Hello HTML

A grid of eighteen randomly generated smiley faces continuously re-renders every 400 milliseconds. Each face is composed of React components that use SVG circles for the background and eyes, and a D3 arc generator for the mouth. The code applies random values to facial features like eye radius, stroke width, and mouth dimensions, while the face background color is randomly assigned via RGB values. The example demonstrates building modular, reusable visualization components in React with D3.

AI-generated description

Result of following Curran Kelleher's "Let's Make a Face" tutorial series.

--
Datavis 2020 #6-11