Skip to main content
SimilarExport ZIP
100%

fork for svg tutorial

✓ Published0🌍 Public
NNdip Estaban
Last edited Feb 11, 2023
Created on Feb 11, 2023
Forked from Hello HTML

This example displays a simple, static SVG composition: a large yellow circle with a thick black outline, accompanied by two smaller black-outlined circles positioned inside it to suggest a face. The rendering relies on raw Scalable Vector Graphics (SVG) markup within an HTML page, using the `<svg>` element and circle primitives with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. No external libraries or data sources are involved, and the code produces no animation or interaction.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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
87% 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
86% 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
86% 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
86% match
Loading thumbnail…

Fork of Hello HTML

This example shows a single static SVG face composed of three circles: a large yellow circle for the head and two smaller black circles for eyes. The rendering uses plain SVG elements embedded directly in an HTML page, with no JavaScript libraries or data sources involved. The code relies on the SVG `circle` element and basic CSS styling to set the yellow fill and black stroke, while the body margin is removed to avoid scrollbars. It is a minimal illustration of how to draw simple shapes with SVG in a web document.

MMarcusABR
86% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG composition of three circles arranged as a face-like shape. A large black central circle is flanked by two smaller green circles with red outlines, all drawn directly in the HTML markup. The code uses plain SVG elements within an embedded `<svg>` tag, with attributes for positions, radii, and colors. The rendering approach is purely declarative, with no JavaScript libraries or dynamic behavior, making it a minimal demonstration of basic SVG drawing in a bare HTML page.

CChinmai Reddy Modugula
85% match
Loading thumbnail…

Fork of Hello HTML

This fork of the Hello HTML example presents a simple static SVG graphic: a large yellow circle with a black outline, accompanied by two smaller unfilled circles positioned to its left. The visualization demonstrates basic vector drawing using raw SVG elements embedded directly in an HTML file, with the circles defined by explicit `cx`, `cy`, and `r` attributes. The rendering approach is purely declarative, relying on the browser's built-in SVG support, with the page styled minimally to remove margins and hide overflow.

DDiya Nair
85% 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
85% match