Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's Make a Face

Public visualization

Let's Make a Face

2 stars0🌍 Public
Nnilimi
Last edited Jul 5, 2020
Created on Jan 19, 2020
Forked from Hello HTML

This example displays a grid of eighteen cartoon faces, each with randomized facial features. The faces are built using React components that render SVG elements, with the mouth shape generated by a D3 arc. The `FaceContainer` establishes a group with a translated coordinate system, allowing facial components like the background circle, eyes, and mouth to be positioned relative to a center point. The data is procedurally generated using D3's `range` function and `Math.random()` calls.

AI-generated description

Let's make a face with React and D3.

Comments

Sign in to join the discussion.

MIT Licensed