Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

first viz

Public visualization

Viewing a saved revision (read-only)

02561fd174e64e73b0b4a94d0902a8ee

first viz

0 stars1🌍 Public
GGuitong Li
Last edited Jan 31, 2022
Created on Jan 30, 2022
Forked from HTML Starter

This example renders a simple face on an SVG canvas using D3.js. A large circle forms the head, and an arc path creates the mouth, which animates downward in two sequential transitions, each lasting two seconds. The visualization uses D3’s `arc` generator, `select`, `append`, and `transition` methods, applying transforms to shift the mouth’s position over time. The SVG background is set to a muted olive color via D3’s style method, with no external data source.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.