Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Hello HTML

✓ Published0🌍 Public
Ccrajy030@mymail.unisa.edu.au
Last edited Oct 16, 2025
Created on Oct 14, 2025
Forked from Fork of Hello HTML

A yellow smiley face rendered in SVG fills a 960-by-500 canvas, with two black eye circles positioned symmetrically across a large yellow circle outlined by a thick black stroke. The drawing uses only static SVG elements—a main `<circle>` for the head and two smaller `<circle>`s for the eyes—with no interactive behavior or animation. The HTML document sets the body margin to zero and hides overflow, while the SVG’s coordinates and radius values are manually coded, without relying on JavaScript libraries or data-driven visualization APIs. The rendering approach is plain declarative markup.

AI-generated description

smiley

MIT Licensed

Similar vizzes

Loading thumbnail…

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
96% match
Loading thumbnail…

Fork of Hello HTML

A large yellow circle with a black outline forms the base of a smiley face, centered on a 960 by 500 SVG canvas. Two smaller black circles serve as eyes, positioned symmetrically around the horizontal center. The page uses plain HTML and inline SVG elements—specifically the `circle` tag—to draw the shapes, with the CSS rule `overflow: hidden` on the body preventing scrollbars. No JavaScript libraries are involved; the rendering is entirely static SVG.

Ccrajy030@mymail.unisa.edu.au
95% match
Loading thumbnail…

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
95% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow smiley face drawn directly in SVG, with two black circles for eyes and a larger yellow circle for the head. The page uses no external libraries, relying only on raw SVG elements inside an HTML document. The face is centered on a 960×500 canvas with fixed coordinates, and the CSS hides any page overflow. The visualization demonstrates basic SVG shape rendering in a minimal HTML setup.

Ssruthvik2002@gmail.com
95% match
Loading thumbnail…

Fork of Hello HTML

A single yellow smiley face rendered in SVG occupies the center of a 960-by-500 canvas, flanked by two smaller unfilled circles that serve as eyes. The page is a minimal HTML document with an embedded `<svg>` element, not using any JavaScript libraries. The illustration uses basic SVG shapes—two `circle` elements for the face outline and eyes, with `fill="yellow"` and `stroke` attributes—defined directly in `index.html`. The README provides a link to an HTML tutorial video, and the source file is a fork of a prior example.

DDawit Merid
95% match
Loading thumbnail…

Fork of Hello HTML

A smiley face rendered as a static SVG drawing. The example uses raw SVG elements—three `<circle>` tags—to depict a yellow head with black outline and two black eyes, all centered on a 960-by-500 canvas. The code relies on inline SVG attributes for positioning and styling, with no external libraries or JavaScript. It demonstrates the simplest possible vector graphic: shapes defined directly in markup, with the body styled to hide margins and overflow. No interactions, animations, or data-driven content appear; it serves purely as a static visual exercise.

Rrita cachaldora
94% match
Loading thumbnail…

Fork of Hello HTML

A static SVG smiley face rendered with two large circles for eyes and a yellow head, drawn entirely in HTML with no JavaScript. The code uses raw SVG elements—`<circle>` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—to position a 960×500 canvas. It demonstrates basic geometric composition, centering the face via fixed coordinates rather than any layout or data-binding library. The example is a simple markup exercise, illustrating how SVG shapes can be combined without D3 or other visualization tools.

HHoaiLe
94% match
Loading thumbnail…

Fork of Hello HTML

A yellow smiley face rendered as static SVG circles sits centered on a blank page. The face is drawn with three circle elements: a large yellow head with a black stroke, and two smaller black-outlined circles for eyes. The visualization uses only raw SVG markup within an HTML file, without any JavaScript or D3 references. It demonstrates a minimal, hand-coded approach to basic geometric data visualization, with fixed coordinates and styling specified directly in SVG attributes.

AAnthony Le
94% match