Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Dec 9, 2024

Created on Dec 9, 2024

A generic React 18 setup renders a static SVG scene of a yellow circle face with two smaller black circles for eyes on a 960×500 canvas. The page initializes React and ReactDOM from UMD builds and logs “Hello world” to the console. The SVG elements are written directly in the HTML, not generated through React components.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example demonstrates a static SVG scene of a yellow circle with two smaller black circles, resembling a simple face, rendered inside a 1000x500 viewport. It uses React and ReactDOM, loaded via UMD builds from unpkg, to manage the page. The visualization is created directly in HTML with SVG elements and hardcoded coordinates, without any data binding or interactive behavior. The code initializes ReactDOM and logs it to the console.

Ssachinkamaraj183@gmail.com

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example renders a static SVG scene of a large yellow circle with two smaller black circles, set against a minimal HTML page. The code loads React via a CDN script tag and logs React and a string to the console using `index.js`, though no React components are actually rendered. The SVG markup defines the shapes directly within the HTML body. The project demonstrates a barebones setup combining React’s UMD build with inline SVG, without any interactive behavior or data visualization logic.

Ttrung.dang894@gmail.com

93% match

Loading thumbnail…

Fork of Hello HTML

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.

Ssd2beatles

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

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