Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Hello HTML

Public visualization

Viewing a saved revision (read-only)

8ab52c6fc9874c178fa286affcf6b6a5

Hello HTML

0 stars0🌍 Public
GGeniXiong
Last edited Aug 24, 2019
Created on Aug 24, 2019
Forked from HTML Starter

Built with React and D3 v5, this example renders a cheerful smiley face as an SVG graphic. The code uses D3's `arc` generator to create the red mouth, while React's `ReactDOM.render` mounts the component into the DOM. Yellow circles form the face and eyes, with pink blushes positioned on the cheeks. All shapes are drawn declaratively through React JSX, using SVG elements like `<circle>` and `<path>` within a single `<g>` group centered on the canvas, with dimensions fixed at 960 by 500 pixels.

AI-generated description

A smiling face with blushes and red lips.