Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Feb 26, 2021

Created on Feb 25, 2021

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.

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

93% match

Loading thumbnail…

Fork of Hello HTML

A React-based fork of the original Hello HTML example renders a simple static SVG scene using plain SVG elements and ReactDOM. The visualization displays three circles—a large yellow circle with black stroke and two smaller circles positioned inside it—drawn on a 960x500 canvas. It loads the React 18 production UMD build from unpkg, imports the React and ReactDOM libraries, and logs the React object to the console. The code uses inline SVG coordinates and attributes directly in JSX, with no interactive behavior or data binding.

RRahul Varma

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

92% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static composition of three circles on an SVG canvas: a large yellow circle with a black outline and two smaller black circles positioned within it, resembling a face. The markup is plain HTML and SVG, constructed inside a single `index.html` file. The page loads React 17 via a UMD script from unpkg and calls `console.log(React)` to confirm the library is available, though no React components render the visuals. The rendering approach relies entirely on hardcoded SVG attributes rather than any data or dynamic behavior.

AAleksei Vozhdaev

92% 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 shows a simple static SVG scene of two overlapping circles on a 900x500 canvas, with a large yellow ring and a smaller unfilled circle at its center. The page loads React from a CDN, though the React library is not utilized in the rendering logic. The visualization relies on raw SVG elements defined directly in the HTML, with basic styling applied via CSS to remove margins and hide overflow. A JavaScript console log statement executes when the page loads, but no interactive or animated behavior is present.

Ssuhaschitade

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

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