Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Starter

Public visualization

Viewing a saved revision (read-only)

f293d97f037643fe8491926a9707cbd6

D3 Starter

0 stars0🌍 Public
YYu Liu
Last edited Jul 16, 2020
Created on Jul 16, 2020
Forked from HTML Starter

A minimalist React application renders a smiling face in SVG using D3 v5, demonstrating basic shape creation and animation. The code builds circles for the head and eyes, a path for the mouth via `d3.arc()`, and rectangles for eyebrows within a group. A `transition().duration(1000)` animates the eyebrow group upward, while the static SVG elements use attributes like `cx`, `cy`, and `r`. The example highlights D3’s selection and append methods for constructing visual elements on a 960×500 canvas.

AI-generated description

A bare minimum HTML page.

See also React Starter.