Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

shapes by css and svg

Public visualization

Viewing a saved revision (read-only)

220e43fd9f154e3da8d7ed537b5356bb

shapes by css and svg

0 stars0🌍 Public
Ppengming0807
Last edited Oct 14, 2021
Created on Oct 14, 2021
Forked from Hello VizHub

This example demonstrates the visual difference between CSS and SVG shape rendering by drawing circles and rectangles inside two SVG groups. The first group applies a translation transform, while the second group uses a scale transform, and a shared stroke style is applied to lines and paths. The code renders directly in SVG, uses D3.js for importing the selection API, and includes local ES6 modules. The scene uses standard SVG elements with explicit fill, stroke, and transform attributes.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.