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)

42d9dd6b1ca7497bafd1d6f5632f3003

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