Skip to main content
100%

Fork of Let's make a face with D3.js!

✓ Published0🌍 Public
EEeshwarReddy
Last edited Feb 22, 2023
Created on Feb 22, 2023

This D3.js example builds a simple animated smiley face out of SVG shapes, including a green head, eyes, eyebrows, and a mouth. The visualization demonstrates fundamental DOM manipulation by selecting the SVG canvas and appending groups and shapes with attributes like position, radius, and color. It uses `d3.select` for element selection, the `arc` generator for the mouth path, and chained `transition` calls to animate the eyebrows moving up and down over two-second intervals. The scene is static except for this repeating eyebrow motion.

AI-generated description

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

MIT Licensed

Similar vizzes