Fork of Hello HTMLpage

100%

Fork of Hello HTMLpage

✓ Published0🌍 Public

Last edited Oct 15, 2022

Created on Oct 11, 2022

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

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

91% match

Loading thumbnail…

Fork of Hello HTML

A React component renders a single yellow circle centered in an SVG canvas. The circle uses a fixed radius and stroke, with the SVG’s width and height set to 960 by 500 pixels. The code imports React and ReactDOM, defines an `App` function that returns the SVG element, and mounts it to a root div via `ReactDOM.render`. The example demonstrates basic SVG shape rendering within a React application, without any interactive or data-driven behavior.

LLucy King

91% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller circles as its "eyes," rendered inside an SVG element, alongside a React-rendered heading that reads "Helloooo hnujkn." The page uses React 16.7.0 and ReactDOM 17.0.1, both loaded from unpkg, with the React component rendering into a `#root` div. The SVG shapes are hardcoded directly in the HTML, using basic SVG elements like `circle` with attributes for fill, stroke, and positioning, while the React code uses `ReactDOM.render()` to inject the heading.

MMavenkar

91% match

Loading thumbnail…

Fork of Hello html

This example shows a static yellow circle with a black border rendered in SVG, with two smaller unfilled circles positioned inside it to suggest facial features. The visualization uses React for component structure and renders SVG elements directly. The main circle is centered using computed width and height variables, while the smaller circles use hardcoded coordinates. The code includes both a direct SVG render in the HTML file and a React component approach in index.js, though only the direct SVG is visible on screen.

Ssukhmani0117

91% match