Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

782658b764a44c29af1f9e1ff058b867

Let's make a face with D3.js!

0 stars1🌍 Public
SSreekar Reddy
Last edited Dec 4, 2020
Created on Dec 1, 2020
Forked from HTML Starter

This example draws a bright yellow cartoon face using SVG shapes, with two eyes, a mouth, and animated eyebrows. The face is centered within an SVG canvas using D3 selections and transformation attributes. Eyebrows animate up and down using chained `transition().duration()` calls. The code utilizes `d3.select`, `d3.arc` for the mouth path, and D3’s transition system to create the motion. The rendering approach is purely declarative SVG construction in a React-free environment, with styles defined in a separate CSS file.

AI-generated description

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

See also React Starter.