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)

1fa5e929c1c54339af427bca57485052

Shapes with SVG and CSS

0 stars1🌍 Public
CChirag Patel
Last edited Sep 13, 2019
Created on Sep 13, 2019
Forked from Untitled

This example demonstrates basic SVG shapes—a circle, rectangle, and grouped shapes—alongside simple CSS styling for a list item and page typography. The visualization uses raw SVG markup within an HTML file, rendering shapes with both default and explicit fill colors, including a translated group. The code imports D3.js’s `select` function to set text on a message div, and a local ES6 module provides the greeting. The chart is static, showing how SVG primitives and CSS classes can be combined for a minimal, flexible visual composition.

AI-generated description

An example showing the capabilities of VizHub.