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

1 star0🌍 Public
EEugenia
Last edited Sep 15, 2022
Created on Sep 15, 2022

This example builds a stylized smiley face in SVG using React and D3.js v7. The face is composed of D3 arc generators for the mouth, nose, and tongue, alongside SVG circles and lines for eyes, eyebrows, and limbs. A pink circle with a green stroke forms the head, centered within a 960 by 500 viewport. The code demonstrates composing React components with D3’s arc API and SVG primitives, using static coordinates and no data binding.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed