Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jun 28, 2021

Created on Jun 28, 2021

A yellow circle with a thick black outline is drawn on a 960 by 500 SVG canvas. The circle is centered at (480, 250) with a radius of 245. The React app defines the SVG directly using JSX, and ReactDOM renders the `App` component into the `#root` element. The code also includes commented-out markup for a face-like arrangement of additional circles and a reference to React version 16.9.0.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example renders a single yellow circle with a black outline on a 600 by 600 SVG canvas. The React component `App`, built with React 18 and ReactDOM 17, directly returns the SVG markup without any additional data or interactivity. It demonstrates the minimal setup for embedding a static SVG graphic within a React application, referencing the required React libraries from unpkg and mounting the component to a root div.

AAayan Shaikh

93% match

Loading thumbnail…

Fork of Hello HTML

A React-based fork of the classic "Hello HTML" example renders a single yellow circle with a black stroke on an SVG canvas. The circle is positioned at the center of a 960×300 viewport with a radius of 145 pixels, using hardcoded SVG attributes rather than React state or props. The code imports React and ReactDOM, and includes a console.log statement, though the actual DOM mounting is incomplete. The visualization demonstrates basic SVG circle rendering within a React application, relying on React 18 production builds loaded via CDN.

KKushagra Tripathi

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

92% match

Loading thumbnail…

Fork of Hello HTML

A yellow face with black outline and two black eyes is drawn as an SVG using React. The code defines a React `App` component that returns an SVG with `circle` elements for the face and eyes, using ReactDOM to render it into the `#root` container. Dimensions and positions are handled via constants, while D3’s `arc` is imported but unused in this static composition.

PPathan Khuvanejarkhan

92% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle with a thick black outline and two smaller black circles positioned as eyes, rendered directly as SVG elements. The page also mounts a React application that logs the ReactDOM object and renders a heading reading "hello" into a root div. The code references React 18.2.0 from unpkg, though script tags contain typos for the source and bundle paths. The visualization is static, with no interactive behavior or data-driven components beyond the fixed geometric shapes.

Mmalveeka27

92% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single large yellow circle with a green stroke, centered on a 1000×1000 SVG canvas. It uses React 16.7.0 to render the circle, with the `ReactDOM.render` method mounting the component into a root div. The SVG circle is defined using explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, and the code demonstrates a minimal React setup alongside an HTML page that loads React and ReactDOM from unpkg CDN links.

Kkumaaark

92% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single yellow circle with a thick black outline, centered on an SVG canvas. The visualization is generated using React and ReactDOM, which render the SVG element directly into the page’s root div. The circle’s position and radius are calculated from fixed width and height constants, and the rendering relies solely on the SVG circle primitive without any data or interaction.

Wwordman2

92% match

Loading thumbnail…

Fork of Fork of Fork of Hello HTML under index.js

A simple React application renders a yellow circle with black outline as a face, featuring two smaller black circles for eyes, positioned symmetrically on either side. The SVG canvas is fixed at 960 by 500 pixels, with the face centered and the eyes offset using defined constants. The code uses React 16.9.0 and ReactDOM to inject the SVG directly into the page's root element, with all geometry calculated from the canvas dimensions. The composition is minimal, showing only the basic shapes without additional styling or interaction.

NNicolás Troncoso

92% match