Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

1 star0🌍 Public
Ggeethanjalikotaru
Last edited Feb 25, 2023
Created on Feb 21, 2023

This example shows a static smiley face built entirely with SVG primitives, including a yellow head, eyes, eyebrows, ears, nose, mouth, beard, and mustache. The code constructs the face using D3.js `select` and `append` methods to create and position circles, rectangles, paths, and lines. It uses `d3.arc` to generate the curved shapes for the nose, mouth, and beard. The face is centered within the canvas using a `transform` attribute, demonstrating fundamental DOM manipulation in D3.

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