Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jan 23, 2022

Created on Jan 23, 2022

A static SVG face rendered with three circles uses ReactDOM and react-dom-server to demonstrate a minimal React integration. The yellow circle forms the head, with two smaller black circles as eyes, all drawn directly in the index.html markup. A console log statement prints "Hello Word" via a script tag, while the bundled React dependency logs to the console on load. The example uses React 17 and SVG elements without any interactive behavior.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

A minimal React application renders a static SVG face: a yellow circle with a black outline, two smaller unfilled circles as eyes, and no interactive behavior. The page loads React 17 and ReactDOM from unpkg CDN links in index.html, while index.js simply imports both libraries and logs "hi" to the console. The visualization demonstrates basic SVG shape composition within a React setup, using hardcoded coordinates and radii for the circle elements.

FFrank Vamos

94% match

Loading thumbnail…

Fork of Hello HTML

This example uses React and ReactDOM to render a static SVG scene of a yellow circle with a black outline and two smaller black circles positioned as eyes, creating a simple face. The SVG elements are defined directly within a React component and mounted into the DOM via ReactDOM's `render` method. The code also logs the React and ReactDOM objects to the console. The visualization relies on SVG's basic shape primitives (`circle` with `r`, `cx`, and `cy` attributes) and does not incorporate any external data or interaction.

KKay Nguyen

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static SVG face constructed from three yellow and black circles, paired with a React-rendered "Hello JSX" heading. The HTML page loads React 16.7.0 via UMD scripts and uses `ReactDOM.render` to mount the heading into a root div. The face itself is drawn directly with SVG `<circle>` elements in the markup, while the body uses inline CSS to remove margins and hide overflow. No JavaScript interacts with the SVG elements; the visualization is purely declarative HTML.

FFarheen Oomatia

93% match

Loading thumbnail…

Fork of Hello HTML

A simple SVG face composed of three circles—a large yellow head with black outline and two smaller eyes—renders statically within a 960 by 500 viewport. The page loads React 17 from a CDN and includes an inline `index.js` that only logs the React object, while the SVG markup appears directly in the HTML body. No interaction or animation occurs; the example demonstrates basic declarative vector graphics embedded in a web page.

SSLO-j

93% match

Loading thumbnail…

Fork of Hello HTML

A static SVG face rendered with yellow circular head, black eyes, and a nose is displayed. The drawing uses raw SVG elements within the HTML body. A React application using ReactDOM renders a separate "Hello WORLD" heading into the document's root element. This example demonstrates a minimal combination of React 17 and server-rendered SVG markup in a single page.

BBgPython

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

A static SVG face rendered with React, showing two eyes and a smiling mouth on a yellow circle against a black outline. The example demonstrates minimal React integration with the DOM, using the `react.production.min.js` library via a CDN script tag. The drawing is hardcoded in JSX-like SVG markup, with circle elements for the facial features. It serves as a bare-bones starting point for embedding React in HTML, with a console log statement and no interactive behavior beyond the initial render.

KKyle Cureau

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a minimalist face built from three SVG circles: a yellow head with a black outline and two smaller black eyes. It serves as a starting point for React integration, loading React 18.3.1 from unpkg and logging the library to the console. The static vector graphic is rendered directly in SVG with hardcoded coordinates, demonstrating basic React setup within an HTML page.

DDiego de Lima

93% match