Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
KKaiXuan Chin
Last edited Jul 29, 2021
Created on Jul 29, 2021
Forked from Hello HTML

This is a static SVG visualization that displays three circles arranged to form a simple face-like composition on a blank canvas. The code defines two small circles (representing eyes) without any fill, so they render with default black styling, while a larger circle (the face) uses a yellow fill with a thick black stroke. The example demonstrates basic SVG shape rendering inside an HTML page, using pure SVG elements with no external 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 static face composed of three SVG circles: a large yellow circle with a black outline for the head and two smaller black circles for eyes. The visualization is built entirely with inline SVG elements within an HTML page, using the `circle` tag with attributes for positioning, radius, fill, and stroke. It demonstrates the bare minimum structure for embedding SVG graphics directly in a webpage, with no external libraries or data sources, serving as a basic template for more complex visualizations.

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

Fork of Hello HTML

This example displays a simple, static face made of three SVG circles: a large yellow circle for the head and two smaller black circles for the eyes. The code uses raw SVG elements within an HTML page, positioning the shapes with fixed `cx` and `cy` coordinates relative to the user’s viewport. A black stroke outlines the head, and the page hides overflow to create a clean, full-window presentation. The visualization demonstrates basic SVG circle geometry and styling without any JavaScript libraries or interactivity.

AAlaa Lahmar
94% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple graphic of a face composed of three SVG circles, with a large yellow circle acting as the head and two smaller circles for eyes. Rendered as static SVG markup within an HTML page, the visualization is achieved using basic `<circle>` elements with attributes for positioning, radius, fill, and stroke. The code relies solely on the SVG API and inline CSS to hide page margins and overflow, resulting in a minimal, self-contained illustration.

RRaz2y
94% match
Loading thumbnail…

Fork of Hello HTML

This example shows a single static SVG face composed of three circles: a large yellow circle for the head and two smaller black circles for eyes. The rendering uses plain SVG elements embedded directly in an HTML page, with no JavaScript libraries or data sources involved. The code relies on the SVG `circle` element and basic CSS styling to set the yellow fill and black stroke, while the body margin is removed to avoid scrollbars. It is a minimal illustration of how to draw simple shapes with SVG in a web document.

MMarcusABR
94% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple SVG face made of three circles: two black eyes and a yellow outlined face, all centered within a 960 by 500 pixel viewport. The code uses plain HTML and inline SVG elements, including the `<svg>`, `<circle>`, and `fill` and `stroke` attributes, with no external JavaScript libraries. It is a minimal fork of a basic HTML page and demonstrates how static vector shapes can be drawn directly in the browser without any data binding or interactivity.

VVishal Grover
94% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple, fixed composition of three circles inside an SVG canvas. The largest circle is filled yellow with a thick black stroke, while two smaller black circles sit symmetrically within it, forming a basic face-like shape. The visualization is created entirely with static SVG markup, directly declaring each circle’s position, radius, fill, and stroke attributes. The page uses minimal CSS to remove default margins and hide overflow, while the rendering relies on the browser’s native SVG support, with no external JavaScript libraries or data inputs.

YYodae Lim
94% match
Loading thumbnail…

Fork of Hello HTML

This example displays a simple, static face constructed from three SVG circles: a large yellow circle for the head, and two smaller black circles for the eyes. The artwork is rendered directly within an HTML page, using no external JavaScript libraries. The SVG canvas is 960 by 540 pixels, and each shape’s position and size are set explicitly through `cx`, `cy`, and `r` attributes, with the head also given a black outline via `stroke` and `stroke-width`. The code shows a minimal, hand-coded SVG approach rather than data-driven visualization.

Jjaehyeon48
93% match