Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited May 12, 2024

Created on May 12, 2024

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

Fork of Hello HTML

This example renders a simple static scene with React and SVG, displaying a yellow circle with two smaller black circles inside it. The code loads React and ReactDOM from a CDN and uses JSX syntax in an accompanying `index.js` file, although the drawing itself is plain SVG markup embedded in `index.html`. The page includes a console log statement and a linked YouTube video preview, while the script at the bottom defines a React component that renders a header. The visualization demonstrates basic SVG shape creation without any data binding or interaction.

VVenu

95% match

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 demonstrates a simple SVG scene of a yellow circle with two smaller black circles, using React 19's development build loaded directly from unpkg. The code renders three circle elements within an inline SVG, with the main circle centered via percentages and the smaller ones positioned absolutely. The script logs the React object to the console to confirm the library has loaded, while CSS hides the body margin and overflow. The visualization shows basic SVG geometry and React integration without additional data or interaction.

AAnomatomato

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

94% match

Loading thumbnail…

Fork of Hello HTML

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.

AAchyut Dhungel

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

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