Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed