Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published1🌍 Public
Ccidtalbot
Last edited Oct 16, 2021
Created on Oct 16, 2021
Forked from HTML Starter

This fork of the HTML Starter renders a smiling, nearly smiling face using inline SVG shapes. It shows a large yellow circle with a black stroke as the head, and two smaller dark circles positioned inside as eyes. The graphic is centered on a 960 by 500 canvas with body text set to a 13em font, though the text is not visible. The example uses raw SVG elements—`<svg>` and `<circle>`—styled with a CSS rule that applies color to SVG circles. The rendering is purely vector, defined directly in the HTML, with no external data or JavaScript libraries involved.

AI-generated description

Visage souriant ... presque.

Apprendre SVG

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This example shows a simple, static smiley face rendered as yellow circles with black outlines on a white background. The face includes two smaller circles for eyes and an open mouth shape, all positioned within a 960 by 500 SVG canvas. The visualization uses plain SVG elements—`circle`—with fixed coordinates and styling defined directly in the HTML file. It does not rely on any JavaScript libraries or data sources, as the entire rendering is hard-coded in the markup.

Ffaliblemanica@gmail.com
92% match
Loading thumbnail…

Fork of HTML Starter

This example displays a partial smiley face rendered as three SVG circles: a large yellow head with a black outline and two black eye circles. The code uses raw SVG elements within an HTML document, with a linked stylesheet that removes page margins and hides overflow. A JavaScript file logs a message to the console. The visualization is a static, non-interactive starter template, with the drawn elements defined directly in the markup rather than through a data-driven library.

HHarkunwar Kochar
91% match
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
91% 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
91% 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
91% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple smiley face rendered on a canvas. The visualization is built using raw SVG elements, with a large yellow circle serving as the head, and two smaller black circles for the eyes. The page uses basic CSS to remove default body margins and hide any overflow. The SVG markup is written directly in the HTML file, rendering static vector graphics without any JavaScript or external libraries.

Iinnocent thomas
90% match
Loading thumbnail…

Fork of HTML Starter

A static SVG drawing depicts a simple smiley face: a yellow circle outlined in black with two black eyes, but no mouth. The markup defines an inline SVG element with hard-coded coordinates and radii for the face and eyes. The visualization relies on raw SVG circle elements, avoiding external libraries or data sources, and demonstrates basic geometric composition within a web page.

Ddanley0
90% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple yellow circle with two smaller black circles inside it, creating the beginning of a smiley face. The visualization is rendered as static SVG directly in the HTML, using primitive shapes rather than a data-driven approach. The code defines an SVG canvas of 960 by 500 pixels and draws three circles with explicit `cx`, `cy`, and `r` attributes: one large yellow circle with a thick black stroke, and two black circles positioned as eyes. No interaction or animation is present; the markup relies solely on standard SVG elements and inline CSS to set the page margin and overflow.

Zzenoalive
90% match