Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3.js

Public visualization

Fork of Let's make a face with D3.js

0 stars0🌍 Public
AArruSkywalker
Last edited Jun 19, 2022
Created on Jun 19, 2022

This example renders a cartoon face built from SVG shapes, including a pink circle for the head, two eyes, rectangular eyebrows, and a mouth created with a d3.arc path. The eyebrows animate upward and back down over four seconds using chained d3.transition calls with a two-second duration each. The code uses D3 v5 selection methods like `select`, `append`, and `attr`, with layout driven by hardcoded values for spacing and radius, and all shapes are centered within a 960 by 500 SVG using a group translation.

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