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)

7c40839f19a445a4ac09c9308bca7a78

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

0 stars0🌍 Public
JJohn H
Last edited Nov 28, 2022
Created on Nov 28, 2022

This example shows a static smiley face drawn as a single SVG circle, centered within a 960×500 viewport. It demonstrates fundamental DOM manipulation with D3.js v5, loading the library from a CDN while also including React 16.7. The code defines circle coordinates and radius as constants, then renders the element via React’s `createElement` structure. Although the project title mentions moving eyebrows, the provided code only renders the basic face without animation or additional facial features. The SVG output is styled with a full-bleed body and hidden overflow.

AI-generated description

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