Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a D3 smile face!

Public visualization

Viewing a saved revision (read-only)

3d7a25f28b8c4d759f52932534b87227

Let's make a D3 smile face!

1 star1🌍 Public
QQinglanz
Last edited Dec 29, 2020
Created on Dec 28, 2020

This example shows a simple red-background SVG canvas featuring a smiley face with animated eyebrows. The visualization demonstrates fundamental DOM manipulation using D3.js v5, specifically through the `d3.select` API to target the SVG element and apply styling. The animation is driven by manipulating the eyebrow elements' positions over time, though the precise transformation logic resides in the bundled JavaScript file. The final output is rendered as an SVG graphic, with the container set to hide overflow and remove default page margins via external CSS.

AI-generated description

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