Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

dv2020-ep10-viz11 - Faces

Public visualization

Viewing a saved revision (read-only)

a0c5b64ea01c463d9400a24d1fdd4b29

dv2020-ep10-viz11 - Faces

0 stars1🌍 Public
Zzach b.
Last edited Mar 7, 2023
Created on Mar 7, 2023

The visualization shows a grid of eighteen identical cartoon faces, each rendered with yellow circular heads, black eyes, and a simple arched mouth. Built with React components, each face is composed of separate nested SVG elements—FaceCircle, Eyes, and Mouth—that are assembled inside a FaceContainer. The mouth shape is generated using the D3 arc generator, with its width controlled by a radian value, while the face dimensions and stroke widths are derived proportionally from a fixed faceRadius.

AI-generated description

"Let's Make a Face"

Project 1 of Dataviz 2020
Step six: face component

array of faces.

Episode 10