Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jun 12, 2024

Created on Jun 12, 2024

This example demonstrates a minimal React application that renders static SVG shapes—an orange circle with two smaller black circles—directly in an HTML page. It shows how React can be used to produce SVG output without any interactive behavior or data processing. The code imports React and ReactDOM, then embeds the SVG markup directly within the JSX structure. Using the UMD builds of React 18 and ReactDOM 16 from unpkg, it renders the graphic at a fixed 960×500 viewport size.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example demonstrates a minimal React application that renders static SVG shapes, including a large purple circle with a white stroke and a smaller white circle, on a dark gray background. The code uses React 16.7 and ReactDOM 18.3.1 to mount an empty `App` component to the `#root` element. The SVG elements are defined directly in the HTML file, while `bundle.js` contains the JavaScript logic. The visualization relies on SVG markup rather than any data-driven library, focusing on basic layout and styling.

Ttegangreenart@gmail.com

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

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

91% match

Loading thumbnail…

Fork of Hello HTML

A React-based SVG drawing renders a simple yellow circle with a black outline, containing two smaller black circles positioned symmetrically on either side of its upper half. The page loads React 18.3.1 from a UMD bundle and initializes a React import, though the visualization itself is static and does not use React components for rendering. The SVG markup directly defines the shapes with fixed coordinates and styling. The example serves as a minimal test of HTML integration with React and SVG.

Mmail.lohade@gmail.com

91% match

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

91% match

Loading thumbnail…

Fork of Hello HTML

This example demonstrates a minimal React setup that renders both a static SVG graphic and a dynamic JSX element. It shows a yellow circle with two smaller circles, drawn directly in the SVG markup alongside an `<h1>` tag that says "Hello JSX". The code imports React and ReactDOM, logs the ReactDOM object to the console, and uses `ReactDOM.render()` to mount a functional component into the `#root` div. The SVG is hardcoded in the HTML, while the React component handles text rendering.

MMatheus Coelho

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

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

91% match