Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

b04e99d1ea4e4b64999f354037bed8dc

Shapes with SVG and CSS

0 stars0🌍 Public
Cchrisvaillancourt
Last edited Oct 20, 2018
Created on Oct 20, 2018
Forked from HTML Cars Report

This example demonstrates how to draw basic SVG shapes—circles, rectangles, lines, and paths—and apply styling directly through attributes and CSS classes. The SVG is scaled with a transform, while a nested group uses inline styles for fills and strokes. CSS rules in `styles.css` define black strokes for the `.lines` group and an orange stroke for its path element. The visualization relies solely on raw SVG markup and CSS, with no JavaScript-based data logic or D3 imports involved in the rendering.

AI-generated description