Skip to main content
100%

Fork of d3js

✓ Published1🌍 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.

MIT Licensed

Similar vizzes