Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Aug 12, 2026

Created on Aug 12, 2026

This fork of the "Hello HTML" example displays a simple yellow circle with two black eyes on an SVG canvas, rendered statically without animation or interaction. The code loads React 16.9.0 via a CDN script tag and calls `console.log(React)` to verify the library is available, though the visualization itself does not use React components or state. The SVG elements are defined directly in the HTML markup, using circle elements with explicit `cx`, `cy`, and `r` attributes, and the page sets `margin: 0` and `overflow: hidden` on the body to remove default spacing.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two black eyes rendered as an SVG face on a 960-by-500 canvas. The static drawing is built directly with SVG `circle` elements, while React 16.7.0 is loaded from unpkg and logged to the console, demonstrating a minimal integration of the library with plain HTML. No interactive behavior or data binding is implemented.

Ggzm17

94% match

Loading thumbnail…

Fork of Hello HTML

This fork of Hello HTML shows a yellow circle with a black outline and two small black circles for eyes, rendered directly in an SVG element. The page loads the React library from unpkg and logs the React object to the console, though the visualization itself is static and does not visibly employ React for rendering. The SVG markup is embedded inline within the HTML body, defining each circle’s position and fill properties.

VVishal Ash

94% match

Loading thumbnail…

Fork of Hello HTML

A React-based fork of the classic "Hello HTML" example renders a single yellow circle with a black stroke on an SVG canvas. The circle is positioned at the center of a 960×300 viewport with a radius of 145 pixels, using hardcoded SVG attributes rather than React state or props. The code imports React and ReactDOM, and includes a console.log statement, though the actual DOM mounting is incomplete. The visualization demonstrates basic SVG circle rendering within a React application, relying on React 18 production builds loaded via CDN.

KKushagra Tripathi

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles positioned on it, resembling a face, rendered inside an SVG canvas. The page loads React 18 from a CDN, and `index.js` imports React and ReactDOM while logging the React object to the console. The SVG markup is written directly in the HTML body, and the `bundle.js` script suggests the React code is compiled separately, though the visible rendering does not yet use React components.

Hhadisotudeh

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two black dots, resembling a face, rendered as static SVG shapes on a 960×500 canvas. The visualization uses plain SVG elements directly in the `index.html` file, with circles positioned via `cx`, `cy`, and `r` attributes and styled with fill and stroke properties. It references the React library in a script tag and logs `React` to the console, but does not actually use React components or any D3 code. The page imports ReactDOM from unpkg but only relies on the built-in browser SVG rendering.

NNina Mainusch

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static yellow face composed of three SVG circles, with a black outline and two small circles for eyes, rendered on a 960 by 500 canvas. The page loads the React library from a CDN, and the code logs the React object to the console. The visualization is built directly with inline SVG markup in the HTML body, while a separate JavaScript file simply executes the same console log command, demonstrating a minimal integration of React alongside an SVG drawing.

Ssean.smith@artifact.io

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle with a thick black outline and two smaller black circles positioned as eyes, rendered directly as SVG elements. The page also mounts a React application that logs the ReactDOM object and renders a heading reading "hello" into a root div. The code references React 18.2.0 from unpkg, though script tags contain typos for the source and bundle paths. The visualization is static, with no interactive behavior or data-driven components beyond the fixed geometric shapes.

Mmalveeka27

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle with two smaller black circles—a schematic face—rendered as static SVG elements on a 960x500 canvas. It pairs this hand-authored SVG with a React app that logs the React library to the console and attempts to render a "Hello JSX" heading via `ReactDOM.render`, though the component returns nothing. The code loads React 18.2.0 from a CDN and uses plain SVG circle elements, not D3 or other visualization libraries, highlighting a minimal integration of React with SVG markup.

HHannah Heejeong Lim

93% match