Skip to main content
SimilarExport ZIP
100%

Hello HTML

✓ Published3🌍 Public
Rrandom-program
Last edited Nov 22, 2020
Created on Nov 22, 2020
Forked from Flight Map

This example displays a simple static scene of a yellow circle with two smaller black circles, creating a minimal smiley-like face. It shows how raw HTML and SVG can be used directly to draw shapes without any JavaScript or external libraries. The page uses a plain SVG element with `circle` tags, setting attributes like `cx`, `cy`, `r`, `fill`, and `stroke` to define position, size, and styling. The `body` has CSS that removes margins and hides overflow, ensuring the visualization fills the viewport.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello HTML

This example shows a simple yellow circle with two smaller black circles, forming a basic smiley face rendered in SVG. It demonstrates the minimal structure of an HTML page that combines CSS for styling and JavaScript for interactivity, though no JavaScript logic is implemented here. The visualization uses raw SVG elements—specifically `<circle>` tags—within an inline `<svg>` viewport sized 960 by 500 pixels. The CSS sets the body margin to zero and hides overflow, while the SVG itself applies attributes like `fill`, `stroke`, and `stroke-width` directly to the shapes.

Jjismis
94% match
Loading thumbnail…

Hello HTML

A yellow circle with a thick black outline and two smaller black circles as eyes forms a simple smiley face. The SVG is drawn directly in HTML using basic `<circle>` elements with attributes for position, radius, fill, and stroke. The code demonstrates a bare minimum HTML page that combines inline CSS to remove default margins and JavaScript-free SVG rendering in a static 960 by 500 viewport. This example serves as a minimal introduction to embedding vector graphics in a web page without additional libraries or frameworks.

HHui Wang
92% match
Loading thumbnail…

Hello HTML

This example displays a simple yellow circle with two smaller black circles, forming a face-like shape rendered entirely in SVG. The visualization demonstrates a bare minimum HTML page, styled with CSS to remove margins and hide overflow. Using only inline SVG elements—specifically three `<circle>` tags—the page shows how fundamental vector shapes can be composed into a recognizable graphic without any external libraries or JavaScript APIs. The smiley motif is drawn with static coordinates and fixed stroke widths, illustrating basic SVG rendering within an HTML document.

LLavish Thakkar
92% match
Loading thumbnail…

Hello HTML

This example shows a simple yellow smiley face drawn with circular shapes. It uses raw SVG elements directly in an HTML file to create a face with two eyes, a mouth, and a black outline. The code relies on native SVG circle elements to render the graphic, with no JavaScript libraries or frameworks involved. The face itself is the sole subject, demonstrating fundamental SVG styling with fill colors, stroke properties, and coordinate positioning.

Kkwjinwoo
92% match
Loading thumbnail…

Hello HTML

This example shows a simple SVG smiley face composed of three circles on a yellow background, rendered within a fixed 960 by 500 pixel canvas. The page is a bare minimum HTML document that includes a heading and embeds the graphic directly. It uses raw SVG markup with circle elements, setting their center coordinates, radii, fill colors, and stroke properties. The page also imports the React library from a Content Delivery Network, though the visualization itself does not depend on React for its rendering.

OOlayemi
91% match
Loading thumbnail…

Hello HTML

This example shows a simple SVG smiley face drawn directly in HTML. It uses raw SVG elements—three circles—to compose the face, with a large yellow circle for the head and two smaller black circles for the eyes. The page is styled with minimal CSS to remove margins and hide overflow. The code relies on basic HTML, CSS, and JavaScript, with no external libraries or data sources, and is rendered using the browser’s built-in SVG support.

Ppaulmap
91% match
Loading thumbnail…

Hello HTML

This example displays a static yellow circle with two smaller black circles, forming a minimal smiley face. The data is hardcoded directly in the HTML file rather than loaded from an external source. The visualization uses raw SVG elements—specifically `<circle>` tags—with attributes for positioning, radius, fill, and stroke colors. The page embeds a YouTube video in an iframe, and the body style sets `margin: 0` and `overflow: hidden`. The rendering approach is purely SVG, with no JavaScript libraries or dynamic data processing involved.

TTheunis Raubenheimer
91% match
Loading thumbnail…

Hello html

This example shows a simple smiley face rendered as three SVG circles on a yellow background. The HTML page uses plain CSS to remove the default body margin and hide overflow, while the SVG markup defines each circle with explicit coordinates, radius, and stroke properties. The title and basic document structure come from standard HTML, with the visual output handled entirely by the browser’s built-in SVG rendering. JavaScript is not used in the visible code; the example relies solely on static markup and minimal styling.

DDanyalMazhar
91% match