Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Apr 5, 2024

Created on Apr 4, 2024

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

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.

EEnoch Ssentumbwe

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

94% match

Loading thumbnail…

Fork of Hello HTML

A yellow face with black outline and two black eyes is drawn as static SVG shapes in a React-powered page. The code uses raw `<circle>` elements for the face and eyes, with React loaded from a CDN via `unpkg`. The SVG canvas is 960 by 500 pixels, and the example serves as a minimal starter for building interactive faces.

LLiam ODonnell

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow face with two black eyes rendered as SVG circles on a white background. The face is drawn directly in the HTML markup using the `circle` element, with fixed positions and radii for the head and eyes. The page imports React 16.9.0 from a CDN and logs the React object to the console in `index.js`, though the visualization itself does not rely on React for rendering. The SVG canvas is set to 960 by 500 pixels, and the body margin is zeroed for a clean display.

LLuisEFerreira1998@gmail.com

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

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

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

93% match

Loading thumbnail…

Fork of Hello HTML

A smiling face rendered as three SVG circles—two black eyes and a larger yellow head with a black outline—appears in a fixed 960×500 viewport. The example shows how static SVG markup can be embedded directly within an HTML document, with React 18 loaded via UMD script tags but not actually used for rendering the shapes. A console.log statement in the HTML head and in index.js demonstrates basic script execution alongside the declarative SVG, while the circle elements use explicit `cx`, `cy`, `r`, and fill attributes to define geometry and color.

SSanuantoo7@gmail.com

93% match