Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Oongy1988@gmail.com

Last edited Jan 29, 2024

Created on Jan 29, 2024

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

95% 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 displays a simple yellow circle with two smaller black circles—a schematic face—rendered as static SVG elements on a 960x500 canvas. It pairs this hand-authored SVG with a React app that logs the React library to the console and attempts to render a "Hello JSX" heading via `ReactDOM.render`, though the component returns nothing. The code loads React 18.2.0 from a CDN and uses plain SVG circle elements, not D3 or other visualization libraries, highlighting a minimal integration of React with SVG markup.

HHannah Heejeong Lim

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

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

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles positioned on it, resembling a face, rendered inside an SVG canvas. The page loads React 18 from a CDN, and `index.js` imports React and ReactDOM while logging the React object to the console. The SVG markup is written directly in the HTML body, and the `bundle.js` script suggests the React code is compiled separately, though the visible rendering does not yet use React components.

Hhadisotudeh

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays two static SVG circles—one yellow and one red—rendered directly in an HTML page. It demonstrates a minimal React setup by loading React 18 via UMD scripts and logging the React object to the console, though the circles themselves are plain SVG elements drawn without React components. The page includes a reference to an external JavaScript file and uses basic SVG circle attributes for positioning and styling. The visualization does not implement interactive behavior or data-driven updates, serving instead as a straightforward demonstration of HTML, SVG, and React integration in a bare-bones structure.

JJosepAnSabate

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static yellow circle with two smaller black circles positioned inside it, rendered as SVG shapes on an HTML page. The visualization uses raw SVG elements—circle tags with explicit radius, x- and y-coordinate attributes, and stroke styling—rather than any JavaScript-based data computation. The code imports React in index.js via bundle.js, though the rendering itself relies solely on declarative SVG markup embedded directly in the HTML file. No data source or dynamic behavior is present; the visualization simply demonstrates basic SVG shapes within a React project setup.

Ggraingames

93% match