Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Apr 8, 2022

Created on Apr 8, 2022

A yellow circle with a thick black outline dominates a 960 by 500 SVG canvas, flanked by two smaller unfilled circles positioned inside its upper area. The graphic uses React 18 loaded via a UMD script tag to manage the page structure, while the shapes themselves are drawn using raw SVG elements. The code demonstrates a minimal setup where a `circle` element defines the main filled shape and two additional `circle` elements act as decorative nodes, all without any interaction or animation. The styling sets a white background with hidden overflow.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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 with two smaller black circles, evoking a simple face. Rendered as an SVG, the shapes are drawn directly within an HTML page. The code uses React to manage a separate heading element, while the visualizations are defined using raw SVG markup, including `<circle>` elements with explicit `r`, `cx`, `cy`, `fill`, and `stroke` attributes. The page loads React and ReactDOM from a CDN, and the SVG is output without additional data processing or interaction logic.

DDataVizardHB

92% match

Loading thumbnail…

Fork of Hello HTML

A React-based SVG drawing renders a simple yellow circle with a black outline, containing two smaller black circles positioned symmetrically on either side of its upper half. The page loads React 18.3.1 from a UMD bundle and initializes a React import, though the visualization itself is static and does not use React components for rendering. The SVG markup directly defines the shapes with fixed coordinates and styling. The example serves as a minimal test of HTML integration with React and SVG.

Mmail.lohade@gmail.com

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

91% match

Loading thumbnail…

Fork of Hello HTML

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.

Kkpav33

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

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