Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
RRohan s
Last edited Apr 7, 2023
Created on Apr 7, 2023
Forked from Hello HTML

This example displays a simple yellow smiley face drawn with SVG primitives, centered on a 960×500 canvas with a black stroke and two circular eyes. It uses plain HTML and inline SVG elements—`<circle>` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—rather than a JavaScript library like D3. The page sets `margin: 0` and `overflow: hidden` on the body to remove default spacing. The rendering is static SVG, with no interactivity, animation, or data binding shown in the code.

AI-generated description

A bare minimum HTML page.

half way to smily face

MIT Licensed

Similar vizzes

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

This example shows a simple static smiley face drawn entirely with SVG shapes on a yellow background. The code creates three circles using raw SVG elements inside an HTML page: a large yellow circle with a black stroke for the face, and two smaller black circles for the eyes. It uses no JavaScript libraries or data sources, relying only on inline SVG attributes like `cx`, `cy`, `r`, `fill`, and `stroke-width` to define the geometry and styling, rendered directly in the browser.

MMohammad Yousuf
94% match
Loading thumbnail…

Fork of Hello HTML

This example shows a static SVG illustration of a yellow smiley face rendered directly in a simple HTML page. The drawing consists of a large circle for the face and two smaller black circles for eyes, all defined using basic SVG elements like `circle` with explicit `fill`, `stroke`, and `stroke-width` attributes. No external JavaScript libraries or data sources are involved; the page relies solely on inline markup within a fixed 960×500 viewport. The face positions the main circle at the center and places the eyes symmetrically to create a simple visual composition.

RRishab Dhamija
94% match
Loading thumbnail…

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

Fork of Hello HTML

This example displays a simple yellow smiley face drawn in an SVG canvas. The graphic consists of a large yellow circle for the face and two smaller black circles for the eyes, all rendered via the embedded SVG markup within the HTML page. The code uses inline CSS for basic page styling and relies on native SVG elements like `circle` with properties such as `cx`, `cy`, `r`, `fill`, and `stroke` to define the shapes, with the data source being the static code itself.

Jjamesguerrier
94% match
Loading thumbnail…

Fork of Hello HTML

This example renders a simple SVG smiley face directly in an HTML page. A large yellow circle forms the head, with two smaller black circles as eyes, all drawn using basic SVG elements like `<circle>` and styled with fill and stroke attributes. The page’s body is set to hide overflow, and the SVG canvas is sized at 960 by 500 pixels. The code relies on no external libraries, using only native HTML and SVG markup to produce a static, self-contained graphic.

Mmtikat
94% match
Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow smiley face drawn with three SVG circles against a white background, using green stroke for the outline and black fills for the eyes. The face is centered within a fixed 900-by-490-pixel viewport, with coordinates hard-coded directly in the HTML markup. The code relies solely on native SVG circle elements embedded in an HTML document, requiring no external libraries or JavaScript. This bare-bones approach demonstrates the fundamental syntax for creating basic vector shapes and positioning them manually.

MManu Dragomir
94% match
Loading thumbnail…

Fork of Hello HTML

This example renders a simple smiley face using SVG elements defined directly in HTML. It draws a yellow circle with a black stroke for the head and two smaller black circles for the eyes, with no mouth shown in the code. The visualization demonstrates basic SVG shape creation without any JavaScript or D3.js libraries, relying solely on hardcoded coordinates and styling within the markup. The SVG canvas is set to 960 by 500 pixels with a responsive layout that hides page overflow.

KKevin Kennedy
94% match