Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of d3js

Public visualization

Fork of d3js

0 stars1🌍 Public
HHeisenberg
Last edited Sep 20, 2022
Created on Sep 20, 2022
Forked from d3js

This example shows a stylized yellow face with eyes, eyebrows, and a mouth rendered as SVG shapes inside a 960-by-500 viewport. The eyebrows animate up and down using chained `transition()` calls with `duration(2000)`, while the mouth is drawn with `d3.arc()` using specified inner and outer radii and angle spans. The code imports `select` and `arc` from D3 v5, positions elements via `attr('transform')` with translations, and applies CSS styles from an external stylesheet. The face centers on a circle with black stroke, and all elements are grouped under a translated `<g>` container.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed