Skip to main content
100%

Let's make a face with D3.js!

✓ Published1🌍 Public
TTheRoadSign
Last edited Nov 25, 2019
Created on Nov 25, 2019

This example demonstrates fundamental DOM manipulation with D3.js by building a smiley face whose eyebrows animate. The visualization loads population data from a CSV file using `d3.csv`, though the data itself does not drive the face’s rendering. The face is drawn entirely with SVG elements selected and appended via `d3.select` and standard DOM methods. The eyebrows move through D3’s selection and transition APIs, highlighting how D3 can directly manipulate existing SVG nodes without data joins or scales. The page uses D3 v5 and renders all graphics in a single SVG container.

AI-generated description

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

MIT Licensed

Similar vizzes