Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jul 2, 2021

Created on Jul 2, 2021

This example displays a single large yellow circle with a black outline, centered on a 960-by-500 SVG canvas, and a smaller unfilled circle positioned to its upper left. The page uses plain HTML with inline CSS to remove all margins and hide overflow. The graphic is drawn using SVG elements directly in the markup, with a yellow fill, a 10-pixel black stroke, and a second circle that inherits the default black fill. No external libraries are used; the visualization relies solely on basic SVG and HTML structure.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example displays a single large yellow circle with a black outline centered on a 960-by-500 SVG canvas. The circle is drawn directly using the SVG `<circle>` element, with attributes for position, radius, and fill and stroke styling defined inline in the HTML. No JavaScript or data-binding libraries are used; the visualization relies purely on static SVG markup within an HTML page. The page’s CSS removes margins and hides overflow to present the graphic cleanly.

AAnHaiTrinh

96% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single large yellow circle with a blue outline centered on a plain white SVG canvas. The graphic is produced directly in an HTML page using inline Scalable Vector Graphics (SVG) markup, with the circle element specified via its center coordinates (cx, cy) and radius (r), and styled through the fill and stroke attributes. The page’s CSS resets the body margin and hides overflow, ensuring the drawing spans the full viewport width of 960 pixels and height of 500 pixels.

DdapperAuteur

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a single large yellow circle centered on a black-stroked SVG canvas. The circle fills most of the 960×500 viewport, with a radius of 245 and a 10-pixel stroke. The visualization uses a plain HTML page with inline SVG markup, defining the circle via `<circle>` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. No JavaScript libraries or data sources are involved; the rendering relies entirely on static SVG. The body margin is zeroed and overflow hidden to present the graphic edge-to-edge.

116mario19

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a single large yellow circle centered on a black-bordered SVG canvas. The visualization is built with a bare HTML page using inline SVG markup, defining the circle with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes. No JavaScript libraries or external data sources are used; the rendering relies entirely on the browser’s native SVG support. The page sets its body margin to zero and hides overflow, so the circle fills the viewport without scrollbars.

FFiyin Ebenezer

95% match

Loading thumbnail…

Fork of Hello HTML

This example displays a yellow circle with a black outline, centered on an SVG canvas, containing two smaller unfilled circles positioned to the left and right. The visualization uses raw SVG elements—specifically `<circle>` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—embedded directly in an HTML page. The larger circle is positioned at the canvas center (480,250) with a radius of 245, while the smaller circles sit at (350,180) and (600,180) with radii of 50. No JavaScript libraries or data sources are involved; the rendering relies solely on static SVG markup within the HTML structure.

Nn7n305a

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a single large yellow circle with a thick black outline, centered on a white canvas. The entire visualization is defined in a static SVG element, which is drawn directly within an HTML page. The circle is created using the SVG `<circle>` element, with its dimensions and styling set through the `r`, `cx`, `cy`, `fill`, and `stroke` attributes. The accompanying HTML provides the basic structure, and the project is a fork of a minimal "Hello HTML" template, referencing its README. No additional JavaScript libraries or data sources are used.

BBishal Neupane

95% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single large yellow circle centered in an SVG canvas. The circle is static, with no interactive or animated behavior. The visualization uses the SVG `<circle>` element directly within an HTML page, specifying attributes for radius, center coordinates, and fill color. The code relies on the browser’s native SVG rendering, with no external libraries or data sources, and serves as a minimal demonstration of embedding SVG shapes in HTML.

Aawarczak

95% match

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

95% match