🌍 Public
Viewing a saved revision (read-only)
462e2df7f36942f8a751310bfdecfd27
Let's make a face with D3.js!
This example uses D3.js v5 to build an animated face from basic SVG shapes within a React framework. The code draws a yellow circle as the face, adds two eyes with matching eyebrows, and constructs a mouth using the D3 `arc` path generator with specific inner and outer radii. Eyebrows animate via chained `transition()` calls, moving upward and back down over a two-second duration. The SVG canvas is 960×500 pixels, with all elements positioned relative to a centered group using translation transforms.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.