Fork of HTML Starter

100%

Fork of HTML Starter

✓ Published1🌍 Public

Last edited Sep 2, 2021

Created on Sep 2, 2021

A yellow circle with a thick black outline fills most of the frame, while two smaller unfilled circles sit inside it, creating a simple face-like composition. The SVG markup uses fixed pixel coordinates and radii, with no JavaScript or data binding involved. The main circle is centered at (480, 250) with a radius of 250, while the two smaller circles are placed asymmetrically to suggest eyes. The rendering relies entirely on static SVG elements defined directly in the HTML, without any external libraries or dynamic generation.

AI-generated description

Half way with face

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This example displays a simple yellow circle with a black outline and two smaller unfilled circles, positioned to resemble a face. The large circle is centered within an SVG element sized 960 by 500 pixels, and the smaller circles are placed symmetrically on either side. The visualization uses raw SVG shapes defined directly in the HTML markup, with no external JavaScript libraries, demonstrating a minimal approach to vector graphics rendering and placement.

Mmhmdrmd97

91% match

Loading thumbnail…

Fork of HTML Starter

This example renders a simple face-like composition directly in SVG, featuring a large yellow circle with a black outline and two smaller black circles for eyes. The graphic is drawn entirely in static markup within an HTML page, using inline CSS for typography and layout, including a large centered message. No JavaScript libraries or data sources are involved; the visualization relies solely on hard-coded SVG circle elements.

Kkhuezy

91% match

Loading thumbnail…

Fork of HTML Starter

This example displays a yellow circle with two smaller black circles positioned to resemble a face. The visualization is rendered as static SVG elements, including a main circle and two offset circles, all defined directly in the HTML markup. The page uses plain CSS for layout and a JavaScript console log statement for debugging. The SVG coordinate system and circle attributes such as radius and fill color are used to construct the simple graphic.

JJacob Potvin

91% match

Loading thumbnail…

Fork of HTML Starter

This example shows a simple yellow face composed of three SVG circles on a 960x500 canvas. The large circle forms the head, while two smaller circles serve as eyes, all outlined with thick black strokes. The visualization uses plain SVG elements directly in HTML, styled with basic CSS attributes like fill and stroke, without any JavaScript libraries or data processing.

Aaustinzani

90% match

Loading thumbnail…

Fork of HTML Starter

This example displays a static yellow circle with two smaller black-outlined circles positioned as eyes, drawn directly in SVG within an HTML page. The code uses inline CSS to remove page margins and hide overflow, while the SVG elements are explicitly defined with pixel coordinates for each circle’s center and radius. A JavaScript block logs “Hello JavaScript!” to the browser’s console, demonstrating basic script execution without any interactive behavior or data-driven rendering.

UUmit S. Oner

90% match

Loading thumbnail…

Fork of HTML Starter

This example renders a simple yellow circle with a black outline and a smaller unfilled circle on a blank SVG canvas. The HTML page uses a minimal CSS reset to remove body margins and hide overflow. The SVG elements are drawn directly in the markup with explicit coordinates and dimensions, demonstrating basic static vector graphics without any JavaScript libraries or data binding.

RRedcoat314

90% match

Loading thumbnail…

Fork of HTML Starter

A single large yellow circle is drawn on a blank SVG canvas, centered within a 900 by 400 viewport. The circle features a black stroke and a thick border, with the page's CSS setting the body to center content at a massive 13em font size. The rendering uses an inline SVG `<circle>` element with explicit `r`, `cx`, and `cy` attributes, while the HTML document itself relies on basic CSS and JavaScript, as described in the accompanying README.

SSamuele Greco

90% match

Loading thumbnail…

Fork of HTML Starter

An SVG rendering displays a large yellow circle with a black outline and a smaller black circle positioned inside it. The example uses raw HTML, CSS, and JavaScript without any external libraries, embedding the SVG markup directly within the page. The CSS sets a full-page overflow and defines a message class, while the SVG canvas is 960 by 500 pixels and centers the concentric circles.

AAsfak Husain

90% match