Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Viz

Public visualization

Viewing a saved revision (read-only)

37df03f28f174e9c843aa4e459779e47

Fork of Viz

0 stars0🌍 Public
Ggunasindhuja
Last edited Feb 25, 2023
Created on Feb 25, 2023

A fork of an existing D3.js visualization renders an animated smiley face using SVG primitives, with a yellow head, purple fill, and white eyes. The code uses fundamental DOM manipulation methods like `select`, `append`, and `attr` from D3 v5 to build the face, while `transition().duration()` animates the eyebrows moving up and down over two seconds. The face is constructed from circles, rectangles, and arc paths, drawn on a 960×500 SVG canvas. This example demonstrates basic D3.js shape creation and animation without any external data source.

AI-generated description

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