Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited May 11, 2022

Created on May 11, 2022

This example is a fork of a bare-bones HTML page, presenting a simple SVG illustration of a yellow circle with a black outline, accompanied by two smaller, unfilled circles. The visualization is rendered as an SVG element directly in the `index.html` file, with the body margin set to zero and overflow hidden for a clean, borderless display. It uses no external JavaScript libraries, relying solely on static inline SVG markup (using `<svg>`, `<circle>`) and embedded CSS to define its appearance. The graphic does not depict a data-driven dataset, instead showcasing how basic geometric shapes can be composed in a web document.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

A fork of the "Hello HTML" example, this visualization displays a simple yellow circle with black outline and two smaller filled circles, rendered as static SVG elements within an HTML page. The code uses plain SVG markup within the `index.html` file, defining shapes with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. No JavaScript libraries or data sources are employed; the rendering relies solely on the browser's native SVG support. The page sets body margins to zero and hides overflow for a clean presentation.

BBo Fethe

94% match

Loading thumbnail…

Fork of Hello HTML

A minimal SVG visualization renders a yellow circle with a thick black outline, accompanied by two smaller black circles positioned as eyes. The page uses raw SVG elements—`<circle>` and `<svg>`—defined directly in the HTML, with no JavaScript or external libraries. The styling is handled inline via CSS, setting the body margin to zero and hiding overflow for a clean, full-frame presentation. The code is a static, hand-coded drawing rather than a data-driven chart, serving as a basic demonstration of SVG shapes and attributes in an HTML document.

Jjonasveenhues

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle with a black outline and two smaller black circles, rendered as static SVG shapes on an empty HTML page. The code uses plain SVG elements within an `index.html` file, setting the page margin to zero and hiding overflow via CSS. No data is loaded or manipulated; the visualization relies solely on hand-coded coordinates for positioning, demonstrating basic SVG drawing without JavaScript libraries or interactive behavior.

Hharshita1225

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

93% match

Loading thumbnail…

Fork of Hello HTML

A single yellow circle with a black outline sits centered on a blank SVG canvas, flanked by two smaller unfilled circles. The example demonstrates basic SVG rendering through direct HTML markup, using native `circle` elements with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes. The page loads with a zero-margin body and hidden overflow, rendering the static vector graphic without any JavaScript libraries or data sources. It is a minimal, hand-coded illustration of SVG shape creation and styling within an HTML document.

Ppkhansen

93% match

Loading thumbnail…

Fork of Hello HTML

This is a simple SVG visualization depicting a yellow circle with a thick black outline and two small black circles that appear as eyes. The entire graphic is defined directly in the `index.html` file using raw SVG markup within an HTML5 document. The page uses CSS to reset the body margin and prevent scrolling, and the visualization is rendered by the browser's native SVG support without any third-party JavaScript libraries. The data is hardcoded as SVG elements rather than being loaded from an external source.

Tthymdi

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a minimal web page displaying a yellow circle with a blue outline, framed by two smaller black circles, all drawn on an SVG canvas. The page uses inline CSS to remove default margins and hide overflow, while the SVG markup directly defines the three circle elements with their positions, radii, and colors. The content is static, with no interaction or animation, serving as a basic demonstration of embedding SVG shapes within an HTML document. The code relies on standard HTML and SVG syntax, with no external libraries or data sources.

SSajjad Ahmadi

93% match

Loading thumbnail…

Fork of Hello HTML

A minimal HTML page uses inline SVG to draw a yellow circle with a black outline, flanked by two smaller solid black circles, all centered on a 960 by 500 canvas. The code embeds raw SVG markup directly in the `index.html` file, with no external libraries or JavaScript, relying on basic `<circle>` elements and CSS to suppress page margins and overflow. The rendering is static, showing a simple face-like composition.

Ssergiu.bodiu@gmail.com

93% match