Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of emoji-like face with mouth (D3)

Public visualization

Viewing a saved revision (read-only)

a12ba84422534a7c969916a80f8b691a

Fork of emoji-like face with mouth (D3)

0 stars1🌍 Public
KKarthik G
Last edited Feb 19, 2022
Created on Feb 19, 2022

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 description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.