Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jul 22, 2024

Created on Jul 22, 2024

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This fork of the Hello HTML example displays a single yellow circle with an orange outline as the core visual, accompanied by two smaller black circles, all rendered via raw SVG elements inside an HTML page. The code constructs three static circle shapes directly, using attributes for position, radius, fill, and stroke. No external libraries or data sources are used; the entire visualization is hand-coded in HTML and inline CSS, with the body margins removed to eliminate browser default padding.

Llit86hlp

95% match

Loading thumbnail…

Fork of Hello HTML

This fork of Hello HTML renders a static yellow circle with a black outline on a blank SVG canvas. Two smaller black circles are placed symmetrically inside it, suggesting a simple face-like composition. The visualization uses raw SVG elements—`<svg>`, `<circle>`, and attributes like `cx`, `cy`, `r`, `fill`, and `stroke`—defined directly in an HTML file with no JavaScript libraries. The page sets body margins to zero and hides overflow, producing a clean, full-window display at a fixed 960 by 500 pixel size.

Kkpellas

95% match

Loading thumbnail…

Fork of Hello HTML

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.

DDan Martin

94% match

Loading thumbnail…

Fork of Hello HTML

This fork of the "Hello HTML" example displays a simple yellow circle with a thick black outline and two smaller circles as eyes on a transparent background. The visualization is hardcoded directly into an SVG (Scalable Vector Graphics) element within the HTML document, with no external data source. The styling is applied via a CSS rule that removes page margins and hides overflow, and the SVG shapes are defined with explicit coordinate and radius attributes. The code relies solely on native HTML, CSS, and SVG, without any additional libraries.

PPratik Raja

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

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

A static SVG visualization displays a single yellow circle with a black outline centered on a light gray background. The page uses inline SVG markup within an HTML document, with CSS rules to remove body margins and hide overflow. The circle is drawn using the `circle` element with explicit `cx`, `cy`, and `r` attributes. This simple example demonstrates basic SVG rendering in a browser, relying on native HTML and SVG APIs rather than JavaScript libraries like D3.

CChristian Rohrer

93% match