Fork of Hello HTML

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles, forming a basic smiley face on a blank page. The SVG markup uses inline `<circle>` elements with explicit `cx`, `cy`, and `r` attributes for positioning and sizing. The page layout is controlled through CSS with `body` margins removed and `overflow: hidden`. The visualization relies solely on raw SVG syntax, not on any JavaScript library or data binding, and renders statically without interaction or animation.

CCaroline Rozali

Fork of Hello HTML

A yellow circle with a black outline and two smaller black circles forms a simple smiley face, rendered directly in SVG. The page uses no JavaScript libraries; instead, it relies on bare HTML and inline SVG elements, including three `<circle>` tags, with the main shape set to fill yellow and stroke black. The layout is hardcoded with fixed coordinates and radius values, and the body margin is removed to prevent scrolling, making the graphic fill the entire viewport.

JJaewoo Chung

Fork of Hello HTML

A simple smiley face is drawn using SVG primitives, with a yellow circle for the head and two smaller black circles for the eyes. The rendering uses inline SVG within an HTML page, styled via an external CSS stylesheet that sets the shape attributes such as fill color, stroke, and radius. The code relies on standard SVG circle elements and CSS properties like `fill`, `stroke`, `cx`, `cy`, and `r`, with no external JavaScript libraries or data sources.

EErica Rabinovich

Fork of Hello HTML

A yellow circle with two smaller black circles forms a simple smiley-face composition on a 600-by-600 SVG canvas. The source is a fork of an example titled “Hello HTML,” rendered entirely with hand-written SVG elements rather than JavaScript libraries. The code defines the large circle with a 200-pixel radius at center coordinates (300, 300), setting a yellow fill and black stroke, while the two eyes are positioned at (200, 250) and (350, 250) with a 30-pixel radius. No interaction, animation, or data binding is present; the example demonstrates static SVG markup inside an HTML document.

Ccotefon

Fork of Hello HTML

A yellow smiley face rendered as a static SVG drawing, featuring a large outlined circle for the head and two smaller unfilled circles for eyes. The SVG is defined directly in the HTML markup with hardcoded coordinates and dimensions, using no JavaScript libraries or data sources. The face is centered at a fixed position on a 960 by 500 canvas, with a thick black stroke and solid yellow fill for the head. The rendering relies solely on native SVG circle elements with explicit attributes for radius, position, and styling.

SShiryaW

Fork of Hello HTML

This example shows a simple smiley face drawn with SVG shapes: a large yellow circle for the head, and two small black circles for the eyes. The page uses plain SVG markup embedded directly in an HTML document, with no JavaScript libraries or data sources. The SVG canvas is sized at 960 by 500 pixels, and the circles are positioned using explicit `cx`, `cy`, and `r` attributes. Styling is applied through inline presentation attributes and a minimal CSS rule that removes the page margin and hides overflow.

Mmisstong

Fork of Hello HTML

This example shows a simple smiley face drawn as three circles on a yellow background, created entirely with raw SVG elements inside an HTML page. The graphic is static and consists of two black circles for eyes and a large yellow circle with a black outline for the head. The code uses the standard SVG `<circle>` element with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, and it is embedded directly in the HTML body without any external libraries or data sources.

CCourtney Steichen

Fork of Fork of Hello HTML

A minimal SVG smiley face is drawn on an HTML page. The face consists of three circles: a large yellow circle with a black stroke for the head, and two smaller unfilled circles for the eyes. The page uses an inline SVG element with explicit `cx`, `cy`, and `r` coordinates, styled purely through HTML and CSS. The body has no margins and hidden overflow, so the 960×500 SVG renders without scrollbars. No JavaScript or external libraries are used, only standard SVG markup within an HTML document.

JJonghwa Lee