Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
GGaratuza
Last edited Jan 16, 2022
Created on Jan 16, 2022
Forked from Hello HTML

A static SVG face is drawn directly in the HTML, with a yellow circle for the head and two black circles for eyes. The page uses React 16.9.0 via UMD builds for the app structure, but the visual rendering is plain SVG markup with hardcoded coordinates and stroke properties. The example demonstrates mixing React's declarative component model with traditional SVG elements, though the React component in `index.js` is empty and the face is entirely defined in the HTML file.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

A static SVG face rendered with React and raw SVG elements. The code uses React to manage the SVG structure, drawing a yellow circle for the face, black strokes for borders, and two smaller circles for eyes. The example demonstrates basic SVG shapes and React integration, with the SVG output displayed directly in the HTML page. It uses React 16.9.0 from a CDN and relies on native SVG attributes like `cx`, `cy`, `r`, and `fill`.

11G4S
95% match
Loading thumbnail…

Fork of Hello HTML

A static SVG face, rendered from hardcoded circle elements in the index.html body, displays a yellow head with a black outline and two black eye circles. A React root element exists on the same page, though its JavaScript contains a typo—calling `ReactDOM.reder` instead of `ReactDOM.render`—so the JSX `<h1>Hello JSX</h1>` does not mount. The example pairs plain SVG markup with the React 18 UMD libraries loaded via CDN, but the drawing itself does not rely on the framework. The SVG uses explicit pixel coordinates for its shapes.

NNekosink
95% match
Loading thumbnail…

Fork of Hello HTML

A static SVG face made of two black-bordered circles for eyes and a single yellow circle for the head. The example loads React via a UMD build from unpkg and logs the React object to the console, but it does not use React for any rendering or interaction. The page is a minimal HTML document with no external styling beyond a margin reset and hidden overflow, serving as a starting point for experimentation. The code demonstrates the simplest possible structure for a web-based visualization using only inline SVG markup.

Jjason.borucki.m@gmail.com
94% match
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 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
94% 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
94% 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
94% match
Loading thumbnail…

Fork of Hello HTML

This fork of the Hello HTML example draws a simple yellow face using three SVG circles—a large head and two smaller eyes—directly in the markup of an `index.html` file. The page imports React 17 via a UMD script, and the linked `index.js` merely imports React and logs it to the console, demonstrating a minimal React setup. The SVG rendering uses hardcoded coordinates and stroke styling, with static circle elements defined inline rather than generated dynamically.

DDivya Gopalakrishnan
93% match