Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jun 9, 2021

Created on Jun 9, 2021

This fork of Hello HTML uses React 17.0.2 and renders a static SVG scene featuring a large yellow circle with a black stroke and two smaller empty circles positioned as eyes. The SVG defines the shapes directly with fixed coordinates, while a script logs a message to the console. It demonstrates a minimal React setup with inline styling for a full-viewport layout and no margin, focusing on basic SVG circle elements rather than interactive data binding.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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 React-based fork of the original Hello HTML example renders a simple static SVG scene using plain SVG elements and ReactDOM. The visualization displays three circles—a large yellow circle with black stroke and two smaller circles positioned inside it—drawn on a 960x500 canvas. It loads the React 18 production UMD build from unpkg, imports the React and ReactDOM libraries, and logs the React object to the console. The code uses inline SVG coordinates and attributes directly in JSX, with no interactive behavior or data binding.

RRahul Varma

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

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

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static SVG scene of a yellow circle with black outline and two smaller circles, alongside a React-rendered heading. The page loads React 18 and ReactDOM 17 via UMD scripts, then uses `ReactDOM.render` to insert JSX into a root div. The SVG circles are drawn directly in the HTML, with hardcoded coordinates and styles. The code demonstrates basic SVG markup combined with React’s declarative rendering, though the SVG elements are not generated through React components.

PPGC-2557

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

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static SVG scene of a yellow circle with two smaller black circles, rendered alongside a React-generated "Hello JSX" heading. The code combines a hand-written SVG directly in the HTML with a React component mounted via `ReactDOM.render`. It uses the React 17 UMD production builds from unpkg, with the SVG coordinates and styling defined inline, while the React app only produces a simple text element. No data or interaction is present; the visualization demonstrates how to embed SVG markup within a React-powered page.

Llohuza

93% match