Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
FFar Jangtrakool
Last edited Apr 28, 2024
Created on Apr 28, 2024
Forked from Hello HTML

This example displays a simple, static face made of three SVG circles: a large yellow circle with a black outline for the head, and two smaller black circles for eyes. The code uses raw HTML and SVG within an `index.html` file, with embedded CSS to remove page margins and hide overflow. The SVG canvas is 960 by 500 pixels, and the circles are positioned absolutely via `cx`, `cy`, and `r` attributes, with no animation or interaction. It demonstrates a minimal, hand-coded vector graphic without any external 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, 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
96% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG face made of three circles: a large yellow head with a black outline and two smaller eyes placed inside it. The circles are drawn directly using SVG elements within an HTML page. The page uses plain SVG markup with hardcoded coordinates and attributes, such as `cx`, `cy`, `r`, `fill`, and `stroke`, and the HTML `style` block sets the body to have no margin and hidden overflow. The code does not use any JavaScript libraries or dynamic data, relying solely on the browser’s native SVG rendering.

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

Fork of Hello HTML

This example displays a simple static SVG face composed of three circles: a large yellow head with a black outline and two smaller black-outlined eyes. It demonstrates how to embed Scalable Vector Graphics directly in an HTML document without any JavaScript libraries. The code defines an SVG element with explicit width and height attributes and uses standard SVG circle elements, with coordinates and styling specified via attributes such as `cx`, `cy`, `r`, `fill`, and `stroke`. The page is styled with minimal CSS to remove margins and hide overflow.

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

Fork of Hello HTML

This example shows a minimal static SVG face made from three circles: a large yellow head with a black outline and two smaller black eyes. The code defines the drawing directly in HTML using SVG elements, with circles positioned at fixed coordinates and styled via fill, stroke, and stroke-width attributes. It uses no external JavaScript libraries or data sources, relying solely on inline SVG markup within an HTML page. The rendering approach is static vector graphics, with the page body set to hide overflow for a clean presentation.

TTheophile11
95% 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
95% match