Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

dv2020-ep10-viz10 - Faces

Public visualization

dv2020-ep10-viz10 - Faces

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

Two identical cartoon faces sit side by side on a yellow background, each with black outlined circles, two black eyes, and an open mouth formed by a thick arc. The faces are constructed from reusable React components, including `Face`, `FaceCircle`, `Eyes`, and `Mouth`, which compute their geometry from parameters like `faceSize` and `mouthWidth`. The `Mouth` component uses the `d3.arc` API to generate the mouth path, while the entire scene is drawn as an SVG rendered by React 16.9 and D3 v5.11.

AI-generated description

"Let's Make a Face"

Project 1 of Dataviz 2020
Step six: face component

two faces.

Episode 10

Comments

Sign in to join the discussion.

MIT Licensed