Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Oct 16, 2021

Created on Oct 16, 2021

This example displays a yellow circle with black outline and two small black dots on an SVG canvas. The circle is centered at (400, 350) with a radius of 100, while the dots represent eyes at (350, 320) and (450, 320). The code manually sets SVG attributes like `cx`, `cy`, `r`, `fill`, and `stroke-width` directly in the HTML markup, without using libraries or data sources. The rendering relies on inline SVG elements within a minimal HTML page structure.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle centered on an SVG canvas, framed by a black stroke and accompanied by two smaller unfilled circles. Drawn directly in a static HTML page, it uses SVG elements with explicit `cx`, `cy`, and `r` attributes to position the shapes. The code relies on the native SVG library within the browser, and the rendering is entirely vector-based with no external data sources or interactive behavior. The page’s CSS hides overflow for a clean presentation.

Mmbindal-10

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single yellow circle centered in an 800-by-500 SVG canvas, outlined with a black stroke. The circle’s radius, position, and fill are set directly as SVG attributes on the `<circle>` element, with no dynamic data or interaction. A second circle element is left incomplete, rendering nothing. The code relies solely on inline SVG markup within an HTML page, with no external JavaScript libraries or data sources.

MMd Anamul Hoque

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

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles arranged as a face, drawn directly in an SVG element on an HTML page. The code uses no external libraries, relying instead on native SVG markup to render the shapes. The main circle is positioned at the center with a black stroke, and the two eyes are placed symmetrically to either side, demonstrating basic geometric composition within a fixed 960×500 viewport.

Cchangday

93% match

Loading thumbnail…

Fork of Hello HTML

A yellow circle with a black outline fills an SVG canvas, flanked by two smaller black circles positioned as eyes. The example demonstrates basic SVG shape rendering using pure HTML and inline SVG elements, with no JavaScript libraries or data sources involved. The `circle` elements are placed via hardcoded `cx` and `cy` attributes, and the page styling uses CSS to hide overflow. This is a static, code-only visualization showing how raw SVG markup can create simple graphics without any D3 or external dependencies.

Jjihyun-lee1009

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a large yellow circle with a black outline centered in an SVG canvas, paired with two duplicate smaller black circles on the left. It demonstrates basic SVG shape rendering inside a minimal HTML page, using plain SVG elements (`circle`) with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The code relies on inline SVG markup within the HTML body, with fixed dimensions (960 by 500 pixels) and CSS styling to remove margin and hide overflow. No JavaScript libraries or data sources are involved.

Aaiperceptor

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a single yellow circle with a black outline centered on a 900-by-500 SVG canvas. The circle is drawn directly in the SVG markup within the HTML page, using standard SVG `<circle>` elements with `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes. No external JavaScript libraries or data sources are involved; the visualization is purely static and defined entirely in the raw `index.html` file.

KKarla Vargas

93% match