Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Let's make a face with D3.js! by kiran jyothi bodduluri - 11604571

Public visualization

Viewing a saved revision (read-only)

c4c90c09dae847fc93f82745c5e77be4

Fork of Fork of Let's make a face with D3.js! by kiran jyothi bodduluri - 11604571

0 stars0🌍 Public

This example builds a cartoon face using D3.js selection and data-joining methods to create SVG shapes including eyes, pupils, eyebrows, a nose, a mouth, ears, hair, and teeth. The face is assembled programmatically inside an SVG container, with each facial feature appended as a separate circle, rectangle, path, or polygon element. The code uses d3.select and append with chained attr calls to construct the static composition, which is centered via a translate transform. The visualization demonstrates fundamental DOM manipulation with D3 v7, applying CSS classes for styling facial features.

AI-generated description

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