Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make face with d3

Public visualization

Let's make face with d3

0 stars0🌍 Public
GGaurav-Adlakha
Last edited Nov 19, 2020
Created on Nov 19, 2020

A stylized yellow face is drawn with D3.js in an SVG, using geometric shapes for the eyes, eyebrows, and an arc-based mouth. The eyebrows animate upward and downward via a chained `transition().duration(2000)` sequence on the group’s `transform` attribute. Eye and eyebrow positions are derived from constants like `eyeSpacing` and `eyeYOffset`, while the face circle scales to the SVG’s height. The code relies on `select`, `append`, and the `arc` generator from D3 v6.

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