Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js introduce

Public visualization

D3.js introduce

0 stars3🌍 Public
Wwyh1029
Last edited Mar 22, 2020
Created on Mar 21, 2020
Forked from React Starter

This example builds a playful face from basic SVG shapes using D3.js v5. A yellow circle forms the head, with two white ellipses as the background for the eyes, while two dark circles animate upward and change to white over two seconds via `transition().duration()`. A brown arc, created with the `d3.arc()` generator, renders a smiling mouth. The code uses D3 selections to append and style each element, and relies on the `select`, `arc`, and attribute chaining methods to construct the static composition and the animated eye movement.

AI-generated description

lesson 4 -- intro to d3.js

Comments

Sign in to join the discussion.

MIT Licensed