Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Aug 9, 2024

Created on Aug 7, 2024

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

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

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

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

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

This example renders a static, yellow circle with black outline and two smaller unfilled circles as eyes, drawn directly as SVG markup. The component imports React and ReactDOM but performs no dynamic rendering; instead, the HTML file embeds the SVG element inside the body, with React and ReactDOM loaded from external UMD files and logged to the console. The visualization uses raw SVG circle elements with fixed coordinates within a 960 by 500 viewport.

Mmaraojunior@gmail.com

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static yellow circle with two smaller black circles, evoking a simple face. Rendered as an SVG, the shapes are drawn directly within an HTML page. The code uses React to manage a separate heading element, while the visualizations are defined using raw SVG markup, including `<circle>` elements with explicit `r`, `cx`, `cy`, `fill`, and `stroke` attributes. The page loads React and ReactDOM from a CDN, and the SVG is output without additional data processing or interaction logic.

DDataVizardHB

94% match