Fork of Hello HTML pt 1

100%

Fork of Hello HTML pt 1

✓ Published0🌍 Public

Last edited Oct 28, 2024

Created on Oct 28, 2024

This example demonstrates a minimal React setup by loading React 18.3.1 from a CDN and logging it to the console. It renders a static SVG face composed of three circles—a yellow head and two black eyes—using hardcoded coordinates and stroke widths. The page uses inline HTML and CSS, with no data binding or interactivity, serving as a basic introduction to integrating React into a plain HTML page. The SVG dimensions are set to 960 by 500 pixels.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

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

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

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static SVG face composed of three circles on a yellow background, with two smaller black circles serving as eyes beneath a larger outlined circle. It demonstrates a minimal React integration by loading React 18.2.0 from a CDN and logging the `React` object to the console. The visualization uses hand-coded SVG elements with fixed coordinates and stroke properties, rendering a simple, non-interactive figure without any data binding or animation.

Ssunyixia025@gmail.com

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static SVG face comprised of three circles: a large yellow head with a cyan outline and two smaller black eyes. It serves as a minimal demonstration of embedding SVG graphics directly within an HTML page. The page structure is built with basic HTML, while the React library is loaded via a script tag from the unpkg CDN. However, the rendering itself relies solely on standard SVG elements (circle) and does not utilize any React components or dynamic data.

Eeatenmoth

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

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

92% match