Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Nov 14, 2021

Created on Nov 14, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

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

95% match

Loading thumbnail…

Fork of Hello HTML

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.

Ddrewtray

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

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles positioned on it, creating a minimalist face-like composition. Rendered as inline SVG within an HTML page, the visualization uses basic SVG elements—circles with fill, stroke, and stroke-width attributes—to draw the shapes. The code relies on the native SVG API, embedded directly in the markup, with no JavaScript libraries or data sources involved. The page is styled with margin zeroing and hidden overflow to isolate the graphic.

NNicolás Troncoso

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static SVG scene: a large yellow circle with two smaller unfilled circles positioned above it, resembling a face. The visualization is rendered entirely through inline SVG elements defined directly in the HTML markup, using the `<svg>`, `<circle>`, and `fill`, `stroke`, and `stroke-width` attributes. No JavaScript libraries or data sources are involved; the code relies solely on basic SVG drawing within an HTML page. The page’s body has hidden overflow, presenting the graphic without scrollbars.

CCbrc27

94% match