Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MAP make D3.js!

Public visualization

MAP make D3.js!

0 stars0🌍 Public
KKyleHincz
Last edited Sep 26, 2021
Created on Sep 26, 2021

A D3.js example demonstrates fundamental DOM manipulation by rendering a yellow smiley face with animated eyebrows. The SVG circle forms the face, while `d3.arc()` creates the mouth path. The code uses D3 selections and transitions to move rectangular eyebrows vertically over two seconds, then back. It imports `select` and `arc` from d3.v5, builds the graphic in an SVG container, and animates the eyebrow group's transform attribute.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

Comments

Sign in to join the discussion.

MIT Licensed