Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
Kkpellas
Last edited Jan 13, 2022
Created on Jan 13, 2022
Forked from Hello HTML

This fork of Hello HTML renders a static yellow circle with a black outline on a blank SVG canvas. Two smaller black circles are placed symmetrically inside it, suggesting a simple face-like composition. The visualization uses raw SVG elements—`<svg>`, `<circle>`, and attributes like `cx`, `cy`, `r`, `fill`, and `stroke`—defined directly in an HTML file with no JavaScript libraries. The page sets body margins to zero and hides overflow, producing a clean, full-window display at a fixed 960 by 500 pixel size.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This fork of the Hello HTML example displays a large yellow circle with a black outline, flanked by two smaller solid black circles, all drawn inside a 960-by-500-pixel SVG canvas. The page uses inline SVG elements within a minimal HTML structure, with the body margin removed and overflow hidden to focus entirely on the graphic. The circles are positioned via explicit cx, cy, and r attributes, with the central shape using fill and stroke styling to create the visual contrast. No external libraries or JavaScript are employed; the rendering relies entirely on static SVG markup and CSS.

JJedland
94% match
Loading thumbnail…

Fork of Hello HTML

A yellow circle with a thick black outline fills most of an SVG canvas, flanked by two smaller black circles that serve as eyes. The page uses bare HTML and inline SVG, with a `<circle>` element specifying radius, center coordinates, fill, stroke, and stroke width. The body margin is zeroed and overflow hidden via CSS to present the graphic edge-to-edge. Rendering relies on the browser's native SVG support, requiring no external JavaScript libraries.

RRui Lopes
94% 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
94% match
Loading thumbnail…

Fork of Hello HTML

This fork of the Hello HTML example renders a single yellow circle with a black stroke on a blank SVG canvas. The page uses inline SVG markup within a minimal HTML document, with the body styled to hide overflow. The circle is defined with static attributes for its center coordinates, radius, fill, and stroke, demonstrating basic SVG shape rendering without any interaction or data binding. No JavaScript libraries or dynamic behaviors are involved.

VViktor Van Hulle
94% match
Loading thumbnail…

Fork of Hello HTML

This fork displays a simple, static SVG composition: a large yellow circle framed by a black outline, with two smaller black-outlined circles positioned inside it to suggest a face. The code directly defines the shapes using inline `circle` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, all placed within an `svg` tag sized at 960 by 500. The rendering relies purely on native SVG, with no external libraries or JavaScript, and the page’s `body` style eliminates margins to present the artwork edge-to-edge.

AAbdullah Mobeen
94% 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
94% match
Loading thumbnail…

Fork of Hello HTML

This fork of Hello HTML displays a simple yellow circle with two black eyes on a blank background, drawn entirely with inline SVG elements. The page uses no external JavaScript libraries, relying instead on static `<svg>` markup with `<circle>` tags to define the shapes and a `<style>` block to remove page margins and hide overflow. The rendering approach is direct SVG in the HTML document, with coordinates and radii hard-coded in the source.

SSachin Shilwal
94% match
Loading thumbnail…

Fork of Hello HTML

A single yellow circle fills a 960-by-500 SVG canvas, centered at (480, 250) with a radius of 250 and a thick black stroke. The page uses plain HTML and inline SVG, with no external JavaScript libraries or data sources, representing a minimal static visualization. The circle is drawn directly in the SVG markup, and CSS hides the body margin and overflow to present the shape cleanly. This example demonstrates the simplest possible SVG rendering approach inside an HTML document.

MMichael_phyozin
94% match