Fork of HTML Starter

100%

Fork of HTML Starter

✓ Published1🌍 Public

Last edited Jul 16, 2023

Created on Jan 11, 2023

This example shows three nested circles centered at the same point, each with a distinct solid color: green, yellow, and blue. The circles are drawn directly in an SVG element with a fixed width and height of 4000 pixels, using static `circle` elements with explicit `cx`, `cy`, and `r` attributes. The page relies on plain HTML and CSS for layout, with the `message` class defining font styling that is not used in the visible output. No JavaScript libraries or dynamic data are 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 three SVG circles arranged horizontally in red, black, and blue, styled with CSS for a large centered text message. The visualization uses plain SVG elements and CSS styling in an HTML page. The circles are drawn with specific cx, cy, and r attributes, showcasing basic geometric shapes rendered in the browser. The code relies on vanilla HTML, CSS, and JavaScript without any external libraries, serving as a minimal interactive template for building visualizations.

EEjenavi16

92% match

Loading thumbnail…

Fork of HTML Starter

This example shows three solid circles arranged in a row on a 980-by-200 SVG canvas, each colored red, green, and blue. The circles are positioned sequentially, starting at the left edge, with a 50-pixel radius and no additional styling. The static visualization is built entirely with raw SVG elements inside the HTML markup, using no JavaScript or CSS rules. It demonstrates a minimal SVG image without interaction, animation, or data binding, serving as a basic starting point for further customization.

TTorgeirskovholt

92% match

Loading thumbnail…

Fork of Fork of HTML Starter

This visualization displays three concentric circles in green, yellow, and blue, each nested inside the previous one. The circles are centered at the same point (100, 100) within an SVG canvas sized 4000 by 4000 pixels. The example demonstrates how to draw basic geometric shapes using SVG elements directly in HTML, with CSS controlling the font size of a message. It relies on native SVG circle elements and CSS styling for the visualization.

Ssantoshmitra-05

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

91% match

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

90% match

Loading thumbnail…

Fork of HTML Starter

This example shows a simple red circle with two smaller black circles inside, drawn using SVG within an HTML page. The visualization is created directly in the `index.html` file using basic SVG elements like `<circle>` and attributes for positioning and fill colors. It demonstrates fundamental CSS styling, with the `.message` class setting font properties, alongside inline SVG rendering. The code does not use any JavaScript libraries or data sources, instead relying purely on static markup to produce the graphic.

AamanKhadka1

90% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a static SVG composition of overlapping circles and a line, arranged in a simple geometric pattern. The graphic shows concentric rings in green, yellow, blue, and red at the left, a black circle with grey and yellow inner circles on the right, and a horizontal red line across the top. The code uses raw SVG elements—`circle` and `line`—with inline attributes for positioning, sizing, and colors, all rendered directly within an HTML document without any JavaScript libraries.

Ssantoshmitra-05

90% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a basic HTML page that renders a large, static circle in an SVG element. It uses a single `<circle>` element with fixed `cx`, `cy`, and `r` attributes, styled through a CSS rule that centers the text of an accompanying message, though the message itself is not present in the markup. The page relies on plain HTML, CSS, and a typo in the closing tag. No JavaScript, data, or dynamic behavior is included; it is a minimal starter template for building visualizations.

Jjaime rey

90% match