Fork of HTML Starter Jan Bronkhorst

100%

Fork of HTML Starter Jan Bronkhorst

✓ Published0🌍 Public

Last edited Feb 28, 2021

Created on Feb 27, 2021

This example shows a simple static composition of three circles arranged on a yellow background, drawn as SVG elements. The largest circle, centered with a black stroke, acts as a face, while two smaller black circles serve as eyes. The code uses plain SVG tags (`circle`) styled with attributes like `fill`, `stroke`, and `stroke-width`, all embedded directly in the HTML. The page resets body margins and hides overflow via CSS, with no interactive behavior or external JavaScript libraries involved.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a simple static composition of three circles rendered inside a 600×600 SVG canvas. A large red circle with a thick black stroke is centered on the page, accompanied by two smaller unfilled circles positioned to the upper-left and upper-right. The markup uses plain HTML with inline CSS and JavaScript, and the SVG elements are drawn directly in the document body. The illustration relies solely on fundamental SVG shapes without any interactive behavior or external data.

MMudassar Riaz

92% 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

90% match

Loading thumbnail…

Fork of HTML Starter

This example shows a static composition of basic SVG shapes, including two circles and a large rectangle, positioned directly on the page. The circles are drawn without a fill (defaulting to black) and in yellow, while the red rectangle spans the lower portion of the viewport. It uses plain SVG markup within an HTML document, with no external libraries or dynamic data. The rendering approach relies on hardcoded coordinates for each shape, demonstrating how simple geometric elements can be combined without any JavaScript interaction or framework logic.

Ssabelliadriano

90% match

Loading thumbnail…

Fork of HTML Starter

This example shows a minimal SVG composition of two circles, one yellow with a black outline and one unstyled, rendered on a 960 by 500 canvas. The page uses plain HTML with embedded CSS to remove body margins and overflow, and inline SVG elements for rendering. No external JavaScript libraries or data sources are involved; the visualization is a static demonstration of basic SVG shape styling and positioning.

AAriyo Joseph Olamide

90% match

Loading thumbnail…

Fork of HTML Starter

This example shows a simple static SVG composition: a large yellow circle with a black outline, accompanied by two smaller unfilled circles positioned symmetrically inside it. The visualization demonstrates basic SVG shape rendering within an HTML page. The code uses an SVG element with explicit width and height attributes, styling circle elements with fill, stroke, and stroke-width properties. It imports React and ReactDom from the provided JavaScript file, though the rendering itself relies purely on raw SVG markup in the index.html file, not on React's component system.

MMd Alif

90% 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 simple SVG face composed of three circles, with a yellow outer circle and two smaller circles for eyes, all rendered on a 960 by 500 canvas. The page uses plain HTML, CSS, and JavaScript, with the SVG elements defined directly in the markup and styling applied through a body rule that centers content and hides overflow. A JavaScript console.log statement demonstrates basic script execution in the browser's developer tools.

Wwenpaul

90% match

Loading thumbnail…

Fork of HTML Starter

This example shows a minimal SVG scene with a large yellow circle and two smaller circles arranged to resemble a simple face. The rendering approach uses plain SVG elements embedded directly in HTML, with CSS controlling the page layout by removing margins and hiding overflow. The circle’s appearance is styled with inline attributes for fill, stroke, and stroke-width, while the smaller circles use default black fills. No JavaScript libraries or data sources are involved; the visualization relies solely on static SVG markup within the document body.

Aamansadhwani

90% match