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)

d7d8186731c448a9b4f79ba5dcd79947

Let's make a face with D3.js!

0 stars0🌍 Public
Llisacaligagan
Last edited Mar 10, 2019
Created on Mar 10, 2019

This example demonstrates fundamental DOM manipulation by rendering a smiley face with animated eyebrows, built using D3.js v5. The visualization uses `d3.select` to target an SVG element and `d3.scaleLinear` to map data, though the code also includes a CSV loading attempt with `d3.csv` that references a population dataset. The face is drawn through SVG rect elements appended to the chart, with the eyebrow movement implied by the code's structural setup. The example relies on raw SVG attribute manipulation rather than higher-level layout or force simulation APIs.

AI-generated description

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