Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Dec 29, 2021

Created on Dec 28, 2021

This example draws a simple yellow face using scalable vector graphics. It shows two black eyes and a yellow circular head with a black outline, all rendered statically on a 960 by 500 pixel canvas. The page uses inline SVG elements within an HTML document, with CSS rules that remove margins and hide overflowing content. The code directly creates circles with specified center coordinates, radii, fill colors, and stroke properties, without relying on any JavaScript libraries or data sources.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow face with two black eyes, drawn as concentric circles on a plain white background. An SVG element with fixed width and height contains the shapes, using basic circle elements with fill and stroke attributes. The page is built with minimal HTML, relying on inline styles to remove margins and hide overflow. No JavaScript libraries or data sources are used; the visualization is purely static SVG markup.

VVishnu Sharma

94% match

Loading thumbnail…

Fork of Hello HTML

This fork of Hello HTML displays a simple yellow face with two black eyes on a blank SVG canvas. The entire graphic is defined directly in markup, using SVG `<circle>` elements for the face and eyes, with a black stroke for the face outline. The page includes minimal CSS to remove body margins and hide overflow. The example demonstrates a basic, hand-coded SVG drawing without relying on JavaScript libraries like D3.

JJuan Ignacio Castaneda

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple, static SVG face composed of a large yellow circle for the head and two smaller black circles for eyes, all rendered on a 960 by 500 canvas. The page uses raw SVG markup within an HTML document, setting the body to hide overflow. The code defines the shapes with explicit `cx`, `cy`, and `r` attributes and styles the head with a black stroke, demonstrating basic SVG drawing without any JavaScript libraries.

Ccoldcodebeer

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow face constructed from three SVG circles: a large outlined head and two smaller eyes positioned on a light gray background. The code relies on raw SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—rather than any JavaScript libraries. It demonstrates basic coordinate geometry, placing the eyes relative to the head’s center and accounting for stroke width in the layout. The rendering is static SVG, with no data binding or interaction, and the face’s dimensions are hardcoded for a 960×500 viewport.

NNatália Bortoli Vieira

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle with black, fixed-position circles for eyes, drawn directly on an SVG canvas. The code uses raw SVG elements (`<svg>`, `<circle>`) with inline attributes for coordinates, fill, stroke, and dimensions; no JavaScript libraries or data sources are involved. The rendering relies solely on static SVG markup within an HTML page, producing a minimal smiley-face graphic. The viewport is set to overflow hidden, and the body margin is removed to frame the illustration cleanly.

AAndrew Curiano

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

92% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG face made from three black and yellow circles, with no interaction or animation. The page renders a single yellow circle as the head, two smaller black circles for eyes, and a black outline drawn with a thick stroke. The visualization is built entirely with hand-written SVG elements inside an HTML file, using no external JavaScript libraries. The rendering approach is direct markup in the browser, with each circle positioned using fixed SVG coordinates (cx and cy) and sized by its radius attribute.

Ccraig harbottle

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

92% match