Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Apr 14, 2021

Created on Apr 14, 2021

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.

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 stroke at the center of an SVG canvas. The visualization is built with React 17 and ReactDOM, which render the SVG markup directly to the page. The circle is defined with a radius of 245 and positioned at coordinates 480, 250, using the SVG `circle` element with fill and stroke properties. The code demonstrates a minimal React setup where the application is mounted to a root div, producing the static graphic without any interaction or data-driven updates.

JJoseJuniorTK

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

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

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static yellow circle with a black outline centered on an SVG canvas, accompanied by two smaller unfilled circles positioned to its upper left and right. It demonstrates a minimal React-based rendering approach, using React 18 and ReactDOM to create the main SVG element, while the remaining shapes are hardcoded directly in the HTML. The page loads React via UMD bundles and renders the primary circle through a React component, with the SVG markup splitting between compiled JavaScript and raw markup.

Rrjw25

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with a black outline and a smaller black circle centered inside it, rendered on an SVG canvas. The entire visualization is created directly within an HTML page using raw SVG markup, specifying the circle elements' positions, radii, fills, and strokes. The page is styled with minimal CSS to remove margins and hide overflow, and the React library is imported in a JavaScript file, although no React-specific components or data sources are used in the drawing itself.

AAlex Avram

92% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static yellow circle centered on a 960 by 500 SVG canvas, with a React-based root element positioned above it. The page loads React 16.7.0 and ReactDOM from unpkg, then uses `createRoot` from ReactDOM to mount a JavaScript component into the `#root` div. The SVG circle is rendered directly in the HTML markup, independent of the React component. The visualization demonstrates a minimal setup for combining React’s component model with raw SVG rendering in a single page.

Jjethrodancel

92% match

Loading thumbnail…

Fork of Hello HTMLpage

This example displays a single yellow circle with a black outline, rendered inside an SVG container. The circle is centered at coordinates (480, 250) with a radius of 100 pixels. The code uses React and ReactDOM to render the SVG element into the page’s root div, with React’s `createRoot` and `render` methods. The SVG markup is defined directly within the React component, and the page also includes a commented-out version of the same shape.

HHARI KRISHNA BOYAPATI

92% match

Loading thumbnail…

Fork of Hello HTML?????

This example demonstrates a minimal React-based SVG visualization showing a single yellow circle with a black stroke centered on a 960 by 500 canvas. The component uses React 16.9 and ReactDOM to render the SVG directly into the DOM, computing circle positions from hardcoded center coordinates. Unlike a standard D3 approach, it relies solely on React’s declarative JSX syntax for SVG elements, with no data binding or interactive behavior beyond the static shape.

Ddllaino

92% match