Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Aug 12, 2021

Created on Aug 12, 2021

This example shows a simple static SVG composition of two circles on a yellow field, with a black outline and a smaller unfilled circle offset to the right. It demonstrates bare-minimum HTML structure and inline SVG markup, using no JavaScript libraries or data. The rendering approach relies entirely on declarative SVG elements inside an `index.html` page, with CSS hiding page margins and overflow. The larger circle uses `fill`, `stroke`, and `stroke-width` attributes, while the smaller circle has no fill or stroke specified, appearing as a void against the background.

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

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static composition of two black-bordered circles on a yellow background, serving as a basic SVG rendering demonstration. The visualization uses raw SVG elements—a large yellow circle and two smaller black circles—directly embedded in an HTML page, with no external JavaScript libraries. The page employs minimal CSS to reset margins and hide overflow, while the SVG canvas is sized at 960 by 500 pixels. The rendering approach relies entirely on native SVG markup, making it a minimal illustration of vector shape drawing without data binding or interactivity.

JJohnoverton743@gmail.com

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static SVG composition: a large yellow circle with a black outline and two smaller black circles, arranged to resemble a face. The code is a minimal HTML document that uses inline SVG elements to define the shapes directly, with the `circle` tag specifying center coordinates, radius, fill, and stroke properties. The page sets its body margin to zero and hides overflow, allowing the 960 by 500 pixel SVG canvas to occupy the full viewport without scrollbars. The visualization relies on plain SVG markup rather than any external JavaScript libraries or data processing.

OOleksii

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with a black outline, accompanied by two smaller hollow circles positioned to its left and right. It demonstrates basic SVG graphics embedded directly in an HTML page, using the SVG `circle` element with `fill`, `stroke`, and `stroke-width` attributes. The page relies on no external libraries, only native HTML and inline SVG elements within a fixed 960×500 viewport. The rendering approach is purely static vector graphics, with no interaction or animation.

AAlex Hunter

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static composition of three circles rendered as an SVG graphic on a yellow background with a thick black outline. The primary circle is centered, while two smaller, unfilled circles are positioned symmetrically to suggest a face or abstract pattern. The code uses raw SVG elements within an HTML page, defining each circle's position, radius, and styling directly through attributes like `cx`, `cy`, `r`, `fill`, and `stroke`. The page's body margin is set to zero and overflow is hidden for a clean presentation.

TTricia Medina

93% match

Loading thumbnail…

Fork of Hello HTML

A single yellow circle with a black outline sits centered on a blank SVG canvas, flanked by two smaller unfilled circles. The example demonstrates basic SVG rendering through direct HTML markup, using native `circle` elements with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes. The page loads with a zero-margin body and hidden overflow, rendering the static vector graphic without any JavaScript libraries or data sources. It is a minimal, hand-coded illustration of SVG shape creation and styling within an HTML document.

Ppkhansen

93% match

Loading thumbnail…

Fork of Hello HTML

A circle with a yellow fill and black stroke dominates the screen, accompanied by two smaller unfilled circles positioned inside its bounds. The page renders entirely as static SVG markup within an HTML document, using no JavaScript libraries or interactive frameworks. The example demonstrates a bare-bones SVG approach, with the `<svg>` element and its `<circle>` children defining all visual properties directly. The layout is fixed at 960 by 500 pixels, with the main circle centered and the smaller circles offset asymmetrically.

JJonghwa Lee

93% match