Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

6c5d2a0ce1fb47f99639956479f9a09a

Fork of HTML Starter

0 stars0🌍 Public
AAmar Singh Kushwaha
Last edited Jan 11, 2022
Created on Jan 11, 2022
Forked from HTML Starter

This example demonstrates a minimal SVG creation within an HTML page, displaying a single yellow circle with a black outline and two smaller black circles positioned inside it. The page uses plain HTML structure with embedded CSS for styling the text message, while the graphic is rendered directly using the SVG `<circle>` element. The visualization is built without any external JavaScript libraries, relying solely on the native SVG API to define the shapes and their attributes. The code showcases a straightforward rendering approach where the circle’s dimensions, fill, and stroke are set explicitly, and the smaller circles serve as decorative elements. It serves as a basic template for embedding vector graphics in a web page.

AI-generated description

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

See also React Starter.