Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVGs and CSS

Public visualization

Viewing a saved revision (read-only)

6ff6bcbab26e417dbe77b55b51032eef

Shapes with SVGs and CSS

0 stars0🌍 Public
ÁÁlvaro Cáceres Muñoz
Last edited Jan 25, 2021
Created on Jan 25, 2021
Forked from Hello HTML

This example creates a simple geometric composition of circles and rectangles within an SVG canvas, referencing the visual style of *Bojack Horseman* through its title and layout. The shapes demonstrate different styling techniques: some use inline fill attributes, while others inherit properties like fill and stroke from parent `<g>` elements or CSS classes. CSS rules define global properties such as monospace typography and hidden overflow, while a dedicated `.lines` class applies custom stroke colors and line joins to `<line>` and `<path>` elements. The page consists of a static HTML file and an external stylesheet, with no interactive or data-driven behavior.

AI-generated description

A bare minimum HTML page.