🌍 Public
Viewing a saved revision (read-only)
f7cc72919bca44dfae3f6b49040697c3
Let's make a face with D3 and SVG
This example demonstrates how to build an animated cartoon face using D3 and SVG, with a yellow circle for the head, black-outlined eyes, and an arc-based mouth centered on a 960x500 canvas. The eyebrows are rectangles that bounce up and down using chained `transition().duration(2000)` calls. The code imports `select` and `arc` from D3 v5 and uses React for the framework. SVG elements are constructed programmatically, with the mouth path generated via the `arc()` API using inner and outer radii and angular ranges.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.