Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Oct 30, 2021

Created on Oct 30, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

95% 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

This fork of “Hello HTML” demonstrates a minimal React setup rendering an SVG face composed of three circles directly in the page’s markup. The code loads React 17.0.2 and ReactDOM from unpkg, logs the React object to the console, and uses static SVG elements—a large yellow circle for the head and two black circles for eyes—within a 960×495 viewport. No dynamic behavior or data binding occurs; it simply shows how React coexists with plain HTML and SVG in a single document.

PPermille

94% match

Loading thumbnail…

Fork of Hello HTML

A minimalist face constructed from SVG circles renders inside a React component. The yellow head circle and two black eye circles are positioned using hardcoded coordinates and radius values. The example demonstrates how React 18 creates SVG elements through JSX, while the D3 shape module is imported but unused. The page loads React, ReactDOM, and d3-shape from CDNs, with styling applied via inline SVG attributes and CSS that removes default browser margins.

Hhiteshk-itis

94% match

Loading thumbnail…

Fork of Hello HTML

This example demonstrates a minimal React application that renders a static SVG visualization of two circles—a large yellow circle with a black outline and a smaller inner circle—representing a simple abstract face. The code loads React 18.2.0 from a CDN and uses raw SVG elements defined directly in the HTML markup, without any data binding or interactive behavior. Although the `index.js` file imports React and logs it, the SVG itself is not generated through React components, relying instead on static shapes within an `<svg>` tag.

Oongy1988@gmail.com

94% 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

94% match

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

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