Fork of Fork of Hello HTML

100%

Fork of Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jun 11, 2023

Created on Jun 11, 2023

This example shows a simple vector graphic of a yellow circle with two smaller black circles positioned inside it, resembling a face. The visualization is rendered directly in an HTML page using an SVG element, with the main circle defined by a radius of 245 pixels and centered coordinates. Raw SVG markup within the `index.html` file specifies all shapes, and the style sets the body margin to zero with hidden overflow for a clean display.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static vector graphic: a large yellow circle with a black outline and two smaller black circles arranged to resemble a face. The rendering uses raw Scalable Vector Graphics (SVG) elements, specifically the `circle` element, with `cx`, `cy`, `r`, `fill`, and `stroke` attributes, all embedded directly in an HTML page. The graphic is fixed at 960 by 500 pixels, with the body margin removed and overflow hidden via CSS. The code does not employ any external JavaScript libraries; it relies solely on inline SVG and basic HTML structure.

SSHNXFL

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with a black outline and two solid black circles positioned inside it to resemble a face. The visualization is built as a bare minimum HTML page using an inline SVG element sized at 960 by 500 pixels. It renders the shapes directly with SVG tags such as `circle`, setting explicit coordinates, radii, fill colors, and stroke properties. The code uses no JavaScript libraries or data sources, relying entirely on static SVG markup to produce the graphic.

Hhamdi sevketbeyoglu

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles positioned horizontally across it, resembling a face, rendered on an SVG canvas. The visualization uses raw SVG elements—specifically `<circle>` tags—to draw the shapes directly in the HTML body, with CSS styling for layout and stroke attributes for outlines. The circle positions and radii are hardcoded, and the SVG viewport is set to 960 by 500 pixels. No external JavaScript or data libraries are used; the page relies purely on static markup and inline styling.

Ggood mite

93% match

Loading thumbnail…

Fork of Hello HTML

This example renders a simple yellow circle with two smaller black circles, suggesting a stylized face, on an SVG canvas. The code uses the SVG `circle` element with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes, embedded directly in an HTML page styled with a CSS `body` margin reset. No external JavaScript libraries are involved, and the visualization is purely static, without animation or data binding.

Aayshwariya

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with a black outline and two smaller black circles arranged to suggest a face, rendered directly in HTML. The entire graphic is created using inline Scalable Vector Graphics (SVG) within an `index.html` file, with no external data source. Styling for the page and SVG dimensions is handled by a linked `style.css` file, which sets the width to 960 pixels and height to 500 pixels. The code uses basic SVG primitives like `<circle>` elements, specifying attributes for radius, position, fill, and stroke.

AAaron Parisi

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle with two smaller black circles inside, forming a basic face-like graphic. The SVG is rendered directly in an HTML page with no external libraries, using only standard SVG elements like `circle` and inline CSS to control the body margins. The code defines specific coordinates and radii for each circle, positioning the pair of smaller circles as eyes within the larger one. The entire visualization is static, showing how raw SVG markup can create a minimal illustrative graphic in a web browser.

AAlex Tchaikovsky

92% match

Loading thumbnail…

Fork of Hello HTML

This example presents a static vector graphic built directly with SVG elements inside an HTML page. A large yellow circle with a thick black stroke occupies the center, while two smaller unfilled circles sit within it, creating a simple abstract composition. The underlying code uses basic SVG circle shapes with inline coordinate, radius, fill, and stroke attributes, all managed through vanilla HTML and CSS. No external JavaScript libraries or data sources are involved; the visualization is entirely hand-coded, relying on raw SVG primitives for its geometry and styling.

MMeghana Bangari

92% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles positioned on it, creating a minimalist face-like composition. Rendered as inline SVG within an HTML page, the visualization uses basic SVG elements—circles with fill, stroke, and stroke-width attributes—to draw the shapes. The code relies on the native SVG API, embedded directly in the markup, with no JavaScript libraries or data sources involved. The page is styled with margin zeroing and hidden overflow to isolate the graphic.

NNicolás Troncoso

92% match