🌍 Public
Viewing a saved revision (read-only)
5628afc130f9460aa2a9645370d3f79a
Let's make a face with D3.js!
This example shows a stylized cartoon face drawn with D3.js, where the eyes animate horizontally in a playful loop. The face is constructed using SVG circles for the head and eyes, with a centered group transform positioning the features. The code uses D3 v5 selections and transitions, specifically `transition().duration()` to shift the eye group’s `transform` attribute over two seconds. Rendering is done via SVG in a React framework, with hardcoded dimensions and offsets defining the face’s geometry, and no external data source.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.