Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Face Curran with d3.js

Public visualization

Viewing a saved revision (read-only)

282d2ee3d3904ca594953ada5e9defdb

Face Curran with d3.js

0 stars1🌍 Public
PPranav Revankar
Last edited Jan 19, 2020
Created on Jan 18, 2020

A yellow circle with animated eyes and a smile renders in an SVG using d3.js. The right eye transitions from black to red over two seconds, while the smile—drawn as an arc path via `d3.arc()`—gradually morphs from a thick ring to a solid filled shape over twenty seconds. The code builds shapes from scratch using `d3.select`, `attr`, and `transition`, with fixed coordinates for eye spacing and offsets.

AI-generated description