Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published1🌍 Public

Last edited Jul 4, 2024

Created on Jul 3, 2024

This example shows a simple static face rendered as three SVG circles: a large yellow circle with a black outline for the head, and two smaller black circles for eyes. The code draws directly to an SVG canvas using React, with the circle elements positioned via explicit `cx`, `cy`, and `r` attributes and styled with `fill` and `stroke`. The React DOM is imported but unused, and the entire rendering is contained within a static HTML file.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static SVG face comprised of three circles: a large yellow head with a cyan outline and two smaller black eyes. It serves as a minimal demonstration of embedding SVG graphics directly within an HTML page. The page structure is built with basic HTML, while the React library is loaded via a script tag from the unpkg CDN. However, the rendering itself relies solely on standard SVG elements (circle) and does not utilize any React components or dynamic data.

Eeatenmoth

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a cheerful, geometric face built from three SVG circles rendered inside an HTML page. The yellow circle serves as the head, with two smaller black circles as eyes, all drawn on a 950 by 450 canvas. The code uses plain React 18 via a UMD production build and directly manipulates SVG elements, such as `<circle>`, without any additional visualization libraries. It relies on static attributes like `r`, `cx`, and `cy` to position the shapes.

SSagar Saxena

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static face composed of two circles on a yellow background. A large yellow circle with a thick black stroke forms the head, while a smaller black circle positioned to the upper left represents an eye. The visualization is built using raw SVG elements within an HTML page, styled with CSS that removes page margins and hides overflow. It uses the React framework and relies on the browser's native SVG rendering, with the `cx`, `cy`, and `r` attributes defining the shapes.

Hhukbk

95% match

Loading thumbnail…

Fork of Hello HTML

A static SVG face rendered with React and raw SVG elements. The code uses React to manage the SVG structure, drawing a yellow circle for the face, black strokes for borders, and two smaller circles for eyes. The example demonstrates basic SVG shapes and React integration, with the SVG output displayed directly in the HTML page. It uses React 16.9.0 from a CDN and relies on native SVG attributes like `cx`, `cy`, `r`, and `fill`.

11G4S

95% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static SVG face composed of three circles on a yellow background, with two smaller black circles serving as eyes beneath a larger outlined circle. It demonstrates a minimal React integration by loading React 18.2.0 from a CDN and logging the `React` object to the console. The visualization uses hand-coded SVG elements with fixed coordinates and stroke properties, rendering a simple, non-interactive figure without any data binding or animation.

Ssunyixia025@gmail.com

95% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static yellow face composed of three SVG circles, with a black outline and two small circles for eyes, rendered on a 960 by 500 canvas. The page loads the React library from a CDN, and the code logs the React object to the console. The visualization is built directly with inline SVG markup in the HTML body, while a separate JavaScript file simply executes the same console log command, demonstrating a minimal integration of React alongside an SVG drawing.

Ssean.smith@artifact.io

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

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

94% match