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)

56037528acf1405d9ceee4ce67a2ddb3

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

0 stars0🌍 Public
NNyakundi Jnr
Last edited Feb 22, 2025
Created on Feb 22, 2025

This example demonstrates how to build a stylized ice cream sundae with D3.js, using fundamental DOM manipulation to append and position SVG shapes. It constructs a bowl from an ellipse, adds scoops as circles, and layers a chocolate drizzle via the `d3.arc` generator. The visualization also includes a cherry with a stem and random sprinkles colored from `d3.schemeCategory10`, showing how to create a complete graphic using only `select`, `append`, and attribute setters on a 960×500 SVG canvas.

AI-generated description

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