Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

7282406ebe9f4ca5a3d2a91ba12a5359

Fork of Let's make a face with D3.js!

0 stars0🌍 Public
SSam Creasey
Last edited Dec 29, 2020
Created on Dec 29, 2020

A fork of "Let's make a face with D3.js!" demonstrates DOM manipulation by rendering five maroon circles as apples across an SVG canvas. The example shows how d3-select appends circles with fixed radii and positions using iterator indices. It uses D3 v5's `select` and `range` APIs to generate data, then applies `join` to bind circle elements, and finally removes exiting circles with `.exit().remove()`. The code illustrates basic data joins and enter/exit updates, though the initial face animation is not present in this version.

AI-generated description

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