Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Feb 23, 2021

Created on Feb 23, 2021

This example displays a simple, static vector graphic: a yellow circle with a black outline and two smaller black circles, positioned on a solid red square. The visual is created entirely with inline SVG elements—specifically three `<circle>` shapes—nested inside an `<svg>` tag with a specified width and height. The code uses the SVG API directly within an HTML document, setting the shape’s radius, center coordinates, fill, and stroke properties. No external library or data source is involved; the rendering relies solely on the browser’s built-in SVG support.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static vector graphic: a large yellow circle with a black outline and two smaller black circles arranged to resemble a face. The rendering uses raw Scalable Vector Graphics (SVG) elements, specifically the `circle` element, with `cx`, `cy`, `r`, `fill`, and `stroke` attributes, all embedded directly in an HTML page. The graphic is fixed at 960 by 500 pixels, with the body margin removed and overflow hidden via CSS. The code does not employ any external JavaScript libraries; it relies solely on inline SVG and basic HTML structure.

SSHNXFL

95% match

Loading thumbnail…

Fork of Hello HTML

This example presents a static vector graphic built directly with SVG elements inside an HTML page. A large yellow circle with a thick black stroke occupies the center, while two smaller unfilled circles sit within it, creating a simple abstract composition. The underlying code uses basic SVG circle shapes with inline coordinate, radius, fill, and stroke attributes, all managed through vanilla HTML and CSS. No external JavaScript libraries or data sources are involved; the visualization is entirely hand-coded, relying on raw SVG primitives for its geometry and styling.

MMeghana Bangari

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static visualization: a yellow circle with a thick black outline and a smaller black circle at its center, rendered directly in an SVG element on an HTML page. The code uses only native SVG markup within an inline `<svg>` tag, with no external libraries or JavaScript. The circles are positioned at the center of a 960×500 viewport using fixed `cx` and `cy` attributes. The rendering relies entirely on standard browser SVG support, making it a minimal demonstration of basic shape drawing without any interaction or data binding.

Aadleexavier

94% match

Loading thumbnail…

Fork of Hello HTML

A yellow circle with a thick black outline and two smaller black circles represents a playful face on a plain SVG canvas. The code uses no JavaScript libraries, relying solely on inline SVG elements within an HTML page. The example demonstrates how to create a static vector graphic using basic shapes like `<circle>` and SVG attributes for positioning, sizing, fill, and stroke. The rendering approach is visible directly in the markup, with no external data source or interaction.

TTuka-chaka

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG graphic of a yellow circle with a black outline, accompanied by a smaller black circle to its left, rendered on a 960 by 500 canvas. The visualization uses inline SVG elements, including `<circle>` and `<svg>`, defined directly in the HTML structure. No JavaScript libraries or data sources are involved; the rendering is purely declarative, with styling applied through embedded CSS to remove page margins and hide overflow.

SSukhmandeep Kaur

93% match

Loading thumbnail…

Fork of Hello HTML

This example presents a minimal, static vector graphic composed of three circles, drawn directly within an HTML page. The visual is a large yellow circle with a thick black outline, centered in the viewport, and two smaller solid black circles positioned as its eyes. The graphic is rendered using inline SVG markup, placed inside the HTML body alongside a CSS reset for margins. The code defines the circles’ positions and dimensions explicitly, using fixed pixel coordinates and radius values, without any JavaScript or external visualization libraries.

MMilan Rawat

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static, yellow circle with a black outline and two smaller black circles positioned inside it, forming a simple face-like shape. It demonstrates a minimal SVG rendering approach using raw HTML and SVG elements, without any JavaScript libraries or data binding. The visualization is created directly within an SVG container in an HTML page, with circles positioned using explicit `cx`, `cy`, and `r` attributes. The code uses no external APIs or frameworks, relying solely on inline SVG markup to achieve the output.

BBjørnar Dalsnes

93% match