Skip to main content
100%

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

✓ Published1🌍 Public
GGroup 17
Last edited Feb 23, 2023
Created on Feb 23, 2023

This example demonstrates a smiling face with green skin, eyes, and a mouth, whose rectangular eyebrows animate downward and then back upward in a looping motion. Built using D3.js v5, the SVG is constructed through fundamental DOM manipulation methods like `select`, `append`, and `attr`, while the eyebrow movement uses chained `transition` calls with a 2000-millisecond duration. The mouth is drawn using the `arc` generator to create a path, and all elements are centered within a 700x500 canvas through SVG transforms.

AI-generated description

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

MIT Licensed

Similar vizzes