Skip to main content
100%

Intro D3

✓ Published4🌍 Public
TTimvanAlphen
Last edited Nov 3, 2020
Created on Nov 2, 2020
Forked from HTML Starter

This example shows a simple, animated face constructed from basic SVG shapes. A yellow circle with a black outline forms the head, with two smaller circles serving as eyes. A paper-bag-shaped mouth is drawn using a path with the D3 `arc` generator. The code uses D3 v6 selection and appending methods to build the SVG structure, and a chained `transition().duration()` call to animate the eyebrows upward and back down. The animation runs once on page load, demonstrating the basic use of D3 for creating and manipulating vector graphics within a React-free, vanilla JavaScript environment.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes