Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Kishen face with D3.js!

Public visualization

Kishen face with D3.js!

0 stars0🌍 Public
KKishen Patel
Last edited Feb 18, 2022
Created on Feb 18, 2022

This example demonstrates DOM manipulation with D3.js by constructing a yellow smiley face from basic SVG shapes. The static face includes a circle head, two eyes, a mouth drawn with an arc path, and rectangular eyebrows. An animation sequence then runs continuously, using chained `transition().duration()` calls to move the eyebrows upward and back down repeatedly. The code uses D3 v5 methods like `select`, `append`, and `attr`, building the scene inside an SVG canvas.

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