Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's Make a Face Part I

Public visualization

Fork of Let's Make a Face Part I

0 stars0🌍 Public
Tthedatacurious
Last edited Mar 23, 2021
Created on Mar 21, 2021

This example shows a stylized face built from D3.js SVG shapes within a React application. The face consists of a yellow circle for the head, black circles for eyes, and D3 arc paths for the mouth, nose, and eyelid-like accents, all positioned using SVG group transforms. The code uses the `arc` generator from D3 v6 to define the mouth, nose, and eye arcs, while React renders the SVG elements. A CSS class applies red fill to the eye arcs, creating a subtle color contrast against the black strokes.

AI-generated description

Making a face with D3.js and React

Comments

Sign in to join the discussion.

MIT Licensed