Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Intro

Public visualization

D3 Intro

0 stars2🌍 Public
Aadbirch
Last edited Jan 20, 2023
Created on Jan 19, 2023

This example renders an animated SVG face using D3.js version 7.8.2 within a React framework. The code draws a yellow circle with eyes, eyebrows, and a mouth, then uses D3’s `transition` API to animate the eyebrows downward and back over two 2-second intervals. The visualization demonstrates basic SVG shape construction (circle, rect, path) and JSON-driven animation, with the mouth generated via D3’s `arc()` generator for a semi-circular smile. The rendering relies on D3’s selection and attribute manipulation methods.

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