Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Sep 1, 2024

Created on Sep 1, 2024

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.

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

Yyosri.hammadi@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 HTML Starter

This example demonstrates a basic React application rendering a static SVG graphic. It shows a large pink circle with purple outlines and two smaller purple circles, accompanied by an “Hello JSX” heading. The code uses React and ReactDOM from CDN, along with JSX syntax in `index.js`. The SVG element is hardcoded in `index.html`, while React renders the header into the `#root` div, and the CSS sets the page margin to zero with hidden overflow.

Hhannah.keatley@gmail.com

91% match

Loading thumbnail…

Fork of Hello HTML

This example presents a minimal React application that renders a small, unstyled circle onto an SVG canvas. The code initializes a root element and uses `ReactDOM.render` to mount a functional `App` component. The component returns an empty `<svg>` element containing a single `<circle>` with a radius of 10 pixels but no explicit position or fill. The rendered output is a tiny, default-black dot placed at the top-left corner of the viewport. The project relies on React 18 from a CDN and demonstrates a basic SVV rendering setup without any data or interactivity.

Jjmaroszek

91% match

Loading thumbnail…

Fork of Hello HTML

A React application renders a bare SVG canvas, but the SVG contains only commented-out circles, so the visible output is an empty yellow-tinted page with a black stroke-width reference. The code imports React and ReactDOM, logs to the console, and defines a `Backgroundcircle` component that returns a circle element with a yellow fill, though it is never invoked. The `App` component sets an SVG width and height but renders no visible shapes. The example demonstrates a minimal React-based SVG setup using React 18.1.0 UMD builds, with the actual visualization left unimplemented.

JJason Summercamp

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

90% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static SVG face composed of three circles—two small eyes and one large yellow head with a black outline—rendered inside a React application. The visualization is drawn directly in the `index.html` file using SVG markup, while the React component `App.js` renders a simple text heading. The code uses React 18.2.0 and the `createRoot` API from `react-dom/client` to mount the application. The SVG output is embedded in the HTML body alongside the React-generated content, making the face the primary visual element.

Aandy

90% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static SVG scene containing two circles, one large red circle with a black outline and two smaller unfilled circles positioned inside it. The page uses React and ReactDOM loaded from CDN, with the SVG elements defined directly in the HTML file. The accompanying JavaScript file imports React and ReactDOM but only logs the React object to the console, so no interactive behavior or data-driven rendering is present. The visualization is purely declarative markup inside an SVG viewport.

IIsaac Raskin

90% match