Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
IItacheeeey
Last edited Aug 30, 2022
Created on Aug 30, 2022
Forked from HTML Starter

This example shows a simple emoticon face composed of three SVG circles, rendered at a fixed 960x500 resolution within an HTML page. A large yellow circle serves as the head, while two smaller black circles create the eyes. The drawing is implemented directly in the markup using the SVG `<circle>` element, with CSS applied to remove default page margins. The page is a static HTML document that requires no JavaScript or external libraries to display the graphic.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This example shows a simple smiley face drawn as a set of three SVG circles on a yellow background. The face is rendered using raw SVG elements within an HTML page, with a large yellow circle for the head and two smaller black circles for the eyes. The visualization relies on basic CSS for page styling, including margin reset and centered text, while the SVG markup defines the shapes with explicit coordinates and stroke properties. The code demonstrates a minimal static graphic without any JavaScript libraries or interactive behavior.

AAniket Singh Parihar
94% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple smiley face composed of three circles, rendered as static SVG shapes within an HTML page. The yellow face and two black eyes are drawn using basic SVG `<circle>` elements with explicit coordinates, radii, and stroke properties. The code relies on raw SVG markup embedded directly in the HTML, without any JavaScript libraries or data processing. Styling is minimal, with only the body margin reset via CSS, and the visualization does not respond to interaction or external data.

SSteven perry
93% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates a simple smiley face drawn in SVG, with two black circles for eyes and a large yellow circle for the head, all set against a blank page. The HTML page uses inline CSS to remove margins and hide overflow. The visualization is rendered using the SVG circle element with coordinates and radius attributes, while the text "hello" appears above the graphic. The code relies on vanilla JavaScript and HTML, with no external libraries or data sources.

AAshutosh5333
93% match
Loading thumbnail…

Fork of HTML Starter

This example renders a simple SVG smiley face, with two circles for eyes and a large yellow circle for the head, drawn in a 960 by 500 pixel viewport. The visualization uses raw SVG elements—`<circle>` tags—positioned via `cx` and `cy` attributes and styled with inline `fill` and `stroke` properties. It demonstrates a basic static HTML page with embedded CSS and JavaScript, highlighting how SVG shapes can be composed directly in the markup without any external libraries or data sources.

EEmma de Nie
92% match
Loading thumbnail…

Fork of HTMLfff Starter

This example displays a simple smiley face composed of three SVG circles: a large yellow circle with a black outline for the head, and two smaller solid black circles for the eyes. The markup is written directly in the `index.html` file using static SVG elements. The page relies on basic CSS for centering and font styling, but the visual itself is rendered purely through SVG circle elements with specified coordinates, radii, and fill colors.

NNeet Reddy
92% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple smiley face drawn entirely in SVG, consisting of three circles: a large yellow face with a black outline and two smaller black eyes. The rendering approach uses raw SVG elements embedded directly in an HTML page, with CSS used to remove margins and hide overflow. The code relies on standard HTML and SVG APIs, with no external JavaScript libraries, and the circles are positioned using fixed x and y coordinates within an 960x500 SVG viewport.

Vvinodanandgvk
92% match
Loading thumbnail…

Fork of HTML Starter

This example presents a static SVG smiley face composed of three circles: a large yellow circle with a black stroke for the head, and two smaller black circles for eyes. The circles are drawn directly in the markup of an `index.html` file, which uses embedded CSS to center the face and remove page margins. JavaScript is minimally present via an `index.js` file that imports and logs the React library, though the visualization itself relies on pure SVG rendering without React components or dynamic behavior.

AArda Kosar
92% match
Loading thumbnail…

Fork of HTML Starter

This example displays a static SVG smiley face composed of three circles: a large yellow outline for the head and two smaller black circles for eyes. The code uses plain HTML and CSS, with the scalable vector graphic elements (`circle`) defined directly in the markup. The `overflow: hidden` style removes scrollbars, and the canvas is fixed at 960 by 500 pixels. No JavaScript or external libraries are involved, making it a minimal demonstration of inline SVG structure and basic shape styling.

NNoelle Huchette
92% match