Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Hello HTML

Public visualization

Viewing a saved revision (read-only)

9bb61e7c05964d868414df7ec96404f3

Hello HTML

0 stars0🌍 Public
MMansiVyas1821
Last edited Jan 27, 2023
Created on Jan 16, 2023
Forked from Hello HTML

A single yellow circle with a thick black outline and two black inner circles forms a simple smiley-face-like shape, rendered as static SVG. The example demonstrates React 18's ability to generate SVG elements directly in JSX, using `ReactDom.render` to mount the component into the DOM. It pairs this React-driven SVG with an identical static SVG markup placed in the HTML body, showing the same visual result via two different rendering paths—one declarative React component and one raw HTML element.

AI-generated description