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)

f2e49d7895814974b85315e152a0eea6

Shapes with SVG and CSS

0 stars1🌍 Public
MMichelle Mac
Last edited Aug 17, 2020
Created on Aug 17, 2020
Forked from Hello VizHub

This example showcases static SVG shapes—circles, rectangles, lines, and paths—stylized with CSS and grouped via SVG transforms. It renders a report of car listings fetched asynchronously from a JSON array using a Promise, filtering by price and formatting with custom JavaScript functions. The visualization uses raw SVG elements with attributes like `fill`, `stroke`, and `stroke-width`, alongside CSS for global styling and highlighting.

AI-generated description

React Starter code.