Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
SSwaroopdhanashetty
Last edited May 11, 2021
Created on May 11, 2021
Forked from HTML Starter

This example uses raw SVG elements inside an HTML page to draw a simple smiley face. It shows a large yellow circle with a black outline, containing two smaller black circles that serve as the eyes. The page relies on basic CSS for styling and SVG markup for rendering, with no additional JavaScript libraries or data sources involved. The circles are positioned using explicit `cx` and `cy` coordinates within a fixed 960 by 500 viewport.

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

Fork of HTML Starter

This example shows a simple yellow smiley face drawn directly in an SVG element, with two small black circles for eyes and a larger yellow circle outlined in black. The code uses plain HTML and CSS, with no JavaScript libraries or data sources. The SVG is rendered at 960 by 500 pixels, and the body margin is zeroed with hidden overflow to focus on the graphic. The circles are positioned with explicit center coordinates and radii.

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

Fork of HTML Starter

This example shows a simple smiley face drawn with basic SVG shapes on an HTML page. The visualization uses three circles: a large yellow circle with a black border for the face, and two smaller black circles for the eyes. The SVG is rendered directly in the browser using inline markup with a width of 960 pixels and height of 500 pixels. The code demonstrates fundamental SVG elements and CSS styling, including fill colors, stroke properties, and positioning via x and y coordinates, all within a minimal HTML structure.

Rrishika@mediaamp.co.in
95% match
Loading thumbnail…

Fork of HTML Starter

This example renders a simple static SVG smiley face using a yellow circle with two smaller black eyes, drawn directly in HTML markup. The page demonstrates basic CSS styling with a zero-margin, hidden-overflow body and JavaScript-free SVG elements. The visualization uses no external libraries, relying solely on core SVG circle elements with specified coordinates, radii, fill colors, and stroke properties. The code serves as a minimal starter template for creating graphical outputs in a browser environment using HTML, CSS, and SVG.

KKeerthivasan V
95% match
Loading thumbnail…

Fork of HTML Starter

This example presents a simple smiley face drawn entirely with inline SVG elements. It shows how raw SVG shapes—specifically a yellow circle for the face and two black circles for eyes—can be combined with stroke styling to create a recognizable graphic. The code uses basic SVG `circle` elements with attributes for positioning, radius, fill, and stroke, embedded directly in an HTML page. A minimal CSS rule removes body margins, while a JavaScript `console.log` statement demonstrates script execution. The visualization is static with no interactive or data-driven features.

Llp-akhileshsingh
95% match