Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

5b6070dcaea64ccea80029f8c1b27fae

Let's make a face with D3.js!

0 stars0🌍 Public
Wwen787
Last edited Jun 25, 2019
Created on Jun 25, 2019

A smiling face is constructed entirely from SVG shapes using D3.js v5, with red background fill and static circular facial features. The example demonstrates fundamental DOM manipulation through D3 selections and the `arc` generator from the `d3` module, though the visible code only styles the SVG container and imports these tools. The face itself appears as a playful composition of geometric elements, highlighting how D3’s declarative data-binding approach can drive basic SVG rendering for abstract illustrations rather than data-driven charts. The bundled `bundle.js` contains the remaining face-assembly logic not shown in the excerpt.

AI-generated description

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