Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Sep 9, 2021

Created on Sep 9, 2021

This example shows a simple static SVG scene of three circles arranged as a face, with a large yellow circle outlined in black and two smaller unfilled circles for eyes. The code uses inline SVG elements within an HTML file, setting a fixed canvas size of 960 by 500 pixels. It applies basic SVG styling through presentation attributes like `fill`, `stroke`, and `stroke-width`, with no JavaScript or external libraries involved. The rendering approach relies entirely on SVG markup, and the layout is manually positioned using explicit `cx` and `cy` coordinates.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static SVG scene: a large yellow circle with two smaller unfilled circles positioned above it, resembling a face. The visualization is rendered entirely through inline SVG elements defined directly in the HTML markup, using the `<svg>`, `<circle>`, and `fill`, `stroke`, and `stroke-width` attributes. No JavaScript libraries or data sources are involved; the code relies solely on basic SVG drawing within an HTML page. The page’s body has hidden overflow, presenting the graphic without scrollbars.

CCbrc27

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a minimal SVG scene of three circles: a large yellow circle with a black outline and two smaller unfilled circles positioned inside it. The visualization renders directly in an HTML page using inline SVG elements, specifically `<circle>` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The code defines a 960 by 500 pixel canvas and sets the page body to hide overflow. The page uses no external JavaScript libraries or data sources, relying solely on static vector graphics defined within the `index.html` file.

HH0N3ST

94% match

Loading thumbnail…

Fork of Hello HTML

A bare SVG scene draws three circles—a large yellow one with a black stroke and two smaller unfilled ones—positioned on a 960×500 canvas. The markup directly embeds SVG elements within an HTML page, using no JavaScript libraries or data sources. The rendering relies solely on native SVG syntax, defining shapes with attributes like `r`, `cx`, `cy`, and `fill`. The example demonstrates a minimal static graphic achieved entirely through inline SVG, with no interactive behavior or external dependencies.

JJ Xander Crawford

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG face made of three circles: a large yellow head with a black outline and two smaller eyes placed inside it. The circles are drawn directly using SVG elements within an HTML page. The page uses plain SVG markup with hardcoded coordinates and attributes, such as `cx`, `cy`, `r`, `fill`, and `stroke`, and the HTML `style` block sets the body to have no margin and hidden overflow. The code does not use any JavaScript libraries or dynamic data, relying solely on the browser’s native SVG rendering.

LLionel Djouhan

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a minimalist static scene: a large yellow circle with a black outline, accompanied by two smaller unfilled circles, arranged to suggest a face. The visualization is built entirely with inline SVG elements inside an HTML page, using no JavaScript or external libraries. The rendering approach relies on basic SVG shape tags (`circle`) with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, all set within a fixed 960×500 viewport. The code demonstrates how pure HTML and SVG can create a simple graphic without any data-binding or interaction.

Oolirek1

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple, static scene: a large tan circle with a thick black border and two smaller black circles positioned inside it, suggesting a face or abstract composition. The visualization is rendered entirely with inline SVG elements, using an HTML page with no external libraries or data sources. The code defines an SVG container and draws three circles with explicit `cx`, `cy`, `r`, and styling attributes, demonstrating bare-minimum SVG markup for shape-based graphics.

PPeyton Pedersen

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static SVG face composed of three circles: a large yellow head with a black outline and two smaller black-outlined eyes. It demonstrates how to embed Scalable Vector Graphics directly in an HTML document without any JavaScript libraries. The code defines an SVG element with explicit width and height attributes and uses standard SVG circle elements, with coordinates and styling specified via attributes such as `cx`, `cy`, `r`, `fill`, and `stroke`. The page is styled with minimal CSS to remove margins and hide overflow.

MMatthewNunes

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static face composed of three SVG circles: a large yellow circle with a black outline for the head and two smaller black circles for eyes. The visualization is built entirely with inline SVG elements within an HTML page, using the `circle` tag with attributes for positioning, radius, fill, and stroke. It demonstrates the bare minimum structure for embedding SVG graphics directly in a webpage, with no external libraries or data sources, serving as a basic template for more complex visualizations.

Aartal23

93% match