🌍 Public
Viewing a saved revision (read-only)
a12ba84422534a7c969916a80f8b691a
Fork of emoji-like face with mouth (D3)
This example renders a yellow emoji-like face with two eyes and a smiling mouth as a static SVG graphic. The React component defines the drawing using D3’s `arc` generator to create the mouth path, while circles are used for the head and eyes. The face is centered within a 960×500 viewport, with the entire group translated to the middle via an SVG `<g>` element. The code demonstrates integrating D3 shape APIs with React’s declarative JSX syntax, using inline style removal for the body margin and D3 v7 loaded via unpkg.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.