Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
MMarc
Last edited Jan 31, 2024
Created on Jan 31, 2024
Forked from HTML Starter

This example displays a pair of black and yellow circles on a blank SVG canvas, with a large yellow circle outlined in black and a smaller black circle positioned within it. The code uses a plain HTML page with inline CSS to reset the body margins and overflow, and renders the graphic using an SVG element with fixed width and height. The circles are drawn directly with SVG `<circle>` elements, specifying their coordinates, radii, and fill and stroke colors.

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

Fork of HTML Starter

This example displays a single yellow circle with a black outline at the center of an SVG canvas. The page uses raw HTML, CSS, and JavaScript, with the circle defined directly in the SVG markup. The CSS sets the body margin to zero and hides overflow, while the SVG specifies a width of 960 pixels and height of 500 pixels. No external libraries are used; it is a bare-bones starter template for creating SVG-based visualizations.

MMatt
93% match
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
93% 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
93% match
Loading thumbnail…

Fork of HTML Starter

This example renders two circles in an SVG canvas. A large yellow circle with a black stroke is drawn at the center, while a second, smaller circle is positioned to its left. The visualization demonstrates basic SVG shape creation using raw XML elements within an HTML file, relying on CSS for page layout and JavaScript not being used. The rendering approach is purely declarative SVG.

Wwajaale
93% match
Loading thumbnail…

Fork of HTML Starter

This example presents a simple SVG scene of a yellow circle with a thick black stroke, accompanied by two smaller unfilled circles positioned on either side. The visualization is built with raw HTML, CSS, and JavaScript, rendering directly to SVG elements within an HTML page. The CSS sets the body margins to zero and hides overflow, while the SVG canvas is sized at 960 by 500 pixels. No external libraries or data sources are used, making this a minimal demonstration of static vector graphics.

Rresponsibilities5
93% match
Loading thumbnail…

Fork of HTML Starter

This example renders a single yellow circle with a black stroke on an SVG canvas, centered against a plain white background. It uses inline CSS to control page layout and SVG elements directly in the HTML to define the circle’s position, radius, and colors. The page serves as a minimal demonstration of combining HTML, CSS, and JavaScript for basic graphics. No external libraries or data sources are used; the visualization is purely static.

BBin
93% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple graphic of two concentric circles centered in a 960 by 500 SVG canvas, with the outer circle filled in yellow and outlined with a thick black stroke. The inner circle is unfilled, creating a target-like appearance. The code uses raw HTML, CSS, and inline SVG elements, with the body styled for centered text and hidden overflow. It demonstrates fundamental SVG circle rendering through explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes without any JavaScript libraries or data sources.

MManojS7507
93% match