Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Members

Public visualization

Members

0 stars0🌍 Public
Lliujunchao
Last edited Feb 28, 2020
Created on Feb 28, 2020
Forked from graph2.js!

A smiley face rendered in SVG displays animated eyebrows that move up and down in a looping transition. The face is built entirely with D3.js v5 selections, appending a yellow circle, two eye circles, rectangular eyebrows, and an arc-shaped mouth onto an SVG canvas. The animation uses chained `transition.duration` calls to translate the eyebrow group, while the static elements remain fixed. Data from a CSV file is loaded but not visualized in this example, which focuses on fundamental DOM manipulation and SVG shape construction.

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