Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

fa603a6ae9ec4c7b9e1cbc8827425e2c

SVG Fundamentals

0 stars0🌍 Public
TTiago de Oliveira
Last edited Mar 26, 2024
Created on Mar 26, 2024

This example demonstrates the fundamental building blocks of SVG graphics embedded directly in an HTML page. It shows two circles rendered with SVG, one using the default black fill and the other explicitly set to red via the `fill` attribute, alongside a large text element styled through CSS. The visualization uses raw SVG elements within the HTML markup, with the `<circle>` and `<div>` tags, and applies styling through a `<style>` block. No JavaScript libraries are involved, relying solely on the native SVG API to illustrate basic vector rendering.

AI-generated description

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

See also React Starter.