Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Face

Public visualization

Face

0 stars2🌍 Public
CConnor Trump
Last edited Oct 11, 2021
Created on Oct 10, 2021

This example shows a simple smiling face built from basic SVG shapes: a yellow circle for the head, black circles for eyes, rectangles for eyebrows, and an arc for the mouth. The animation moves the eyebrows upward and back down over two two-second transitions. The code uses D3 v7’s `select`, `arc`, and `transition` APIs within a plain HTML page, rendering everything in SVG with `d3.min.js` loaded from a CDN.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed