Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
Bbadarlayashaswini@gmail.com
Last edited Feb 14, 2025
Created on Feb 12, 2025

A D3.js animation renders a smiling cartoon face with eyes that periodically blink and eyebrows that randomly raise. The face itself uses a radial gradient fill, while a group of ten white bubbles floats with independent motion. Built with D3 v5, the code manipulates SVG elements—circles, ellipses, rectangles, and a path—via `select`, `append`, `attr`, and `transition`. Animation is driven by `interval` for blinking and eyebrow movement, and `d3.timer` and `d3.randomUniform` control bubble trajectories, creating a playful, dynamic illustration.

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