Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

Shapes with SVG and CSS

0 stars1🌍 Public
Nnlp-user
Last edited Mar 17, 2020
Created on Mar 17, 2020
Forked from HTML Car Report

A static SVG scene demonstrates how to compose basic shapes—circles, rectangles, lines, and paths—into a coherent graphic. The code uses raw SVG elements, CSS classes for styling strokes and line joins, and inline attributes for fills and transforms. A translated group applies a fill and stroke to its child shapes, while a scaled group positions the overall composition. This example highlights VizHub’s capacity for hand-coded vector graphics without additional JavaScript libraries.

AI-generated description

An example showing the capabilities of VizHub.

Comments

Sign in to join the discussion.

MIT Licensed