Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with d3.js!

Public visualization

Let's make a face with d3.js!

0 stars0🌍 Public
BBhavyatulasi
Last edited Jul 22, 2020
Created on Jul 22, 2020

A yellow smiley face is drawn in SVG and centered on a 960 by 500 canvas. The code uses d3-selection to append shapes and d3-shape’s `arc` generator to create a smile composed of a loop of arc paths. The face includes a static circle, while commented-out sections would add eyes, eyebrows, and animated transitions, though only the smile and head are rendered.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed