Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with d3.js!

Public visualization

Viewing a saved revision (read-only)

3767433dec1e4a05a5cd7dd038f4e5bf

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.