Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with d3

Public visualization

Lets make a face with d3

0 stars1🌍 Public
Ffaquora
Last edited Apr 22, 2020
Created on Apr 22, 2020
Forked from React Starter

This example uses d3 v5 to construct a simple, stylized face entirely from SVG primitives. It draws a yellow circle for the head, two smaller circles for eyes with circular pupils, rectangular eyebrows, and a semi-circular mouth created with an arc path. The face is centered within an SVG canvas using a transform, with facial feature positions calculated relative to the center. The code relies on d3's `select` and `arc` functions, and demonstrates how to programmatically generate SVG shapes and coordinate them for a recognizable composition.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed