Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Oct 26, 2023

Created on Oct 26, 2023

This example shows a minimal SVG canvas with three circles: a large yellow circle with a black outline at the center, and two smaller unfilled circles positioned to its upper left and upper right. The image is static and does not animate or respond to interaction. The page is built with an inline HTML `<style>` block and an embedded `<svg>` element, using basic SVG circle shapes and attributes like `fill`, `stroke`, and `stroke-width`. It uses no external JavaScript or libraries, serving as a bare-bones demonstration of SVG drawing within an HTML document.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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 minimal HTML page displays two static SVG circles: a large yellow circle with a black outline and a smaller black circle inside it. The example uses plain SVG elements—`<svg>`, `<circle>`, and CSS styling for margins and hidden overflow—without any JavaScript libraries or data sources. It serves as a basic demonstration of raw SVG rendering within a 960×500 viewport, showing how simple shapes can be composed directly in HTML markup.

CCyrus Buhariwalla

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a large yellow circle with a black outline centered in an SVG canvas, paired with two duplicate smaller black circles on the left. It demonstrates basic SVG shape rendering inside a minimal HTML page, using plain SVG elements (`circle`) with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The code relies on inline SVG markup within the HTML body, with fixed dimensions (960 by 500 pixels) and CSS styling to remove margin and hide overflow. No JavaScript libraries or data sources are involved.

Aaiperceptor

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

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static SVG composition featuring two circles: a large yellow circle with a black outline and a smaller unfilled circle positioned to its left. The visualization is rendered using native SVG elements defined directly within the HTML file, with no external JavaScript libraries or data sources involved. The page uses inline styling to remove margins and hide overflow, while the SVG canvas is sized at 960 by 500 pixels, showing how basic geometric shapes can be assembled into a minimalist graphic.

JJulia Hack

93% match

Loading thumbnail…

Fork of Hello HTML

A minimal HTML page defines an inline SVG canvas that renders three circles. The largest circle uses a CSS class to apply a yellow fill with a black border, while two smaller circles have default black fills. The page sets body margins to zero and hides overflow, presenting a static, purely SVG-based graphic with no interactive behavior or external data.

EEdgar Alves

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a minimal web page displaying a yellow circle with a blue outline, framed by two smaller black circles, all drawn on an SVG canvas. The page uses inline CSS to remove default margins and hide overflow, while the SVG markup directly defines the three circle elements with their positions, radii, and colors. The content is static, with no interaction or animation, serving as a basic demonstration of embedding SVG shapes within an HTML document. The code relies on standard HTML and SVG syntax, with no external libraries or data sources.

SSajjad Ahmadi

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, fixed composition of three circles inside an SVG canvas. The largest circle is filled yellow with a thick black stroke, while two smaller black circles sit symmetrically within it, forming a basic face-like shape. The visualization is created entirely with static SVG markup, directly declaring each circle’s position, radius, fill, and stroke attributes. The page uses minimal CSS to remove default margins and hide overflow, while the rendering relies on the browser’s native SVG support, with no external JavaScript libraries or data inputs.

YYodae Lim

93% match