Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

shape with SVG and CSS

Public visualization

shape with SVG and CSS

0 stars0🌍 Public
SSuzie1022susu
Last edited Jan 9, 2023
Created on Jan 9, 2023
Forked from Hello VizHub

This example demonstrates primitive SVG shapes styled with CSS, showing circles, rectangles, lines, and paths arranged in a 960-by-500 canvas. It uses raw SVG elements (circle, rect, line, path) with inline attributes for coordinates, fills, strokes, and transforms like scale and translate. The code also links an external stylesheet, style.css, which defines classes such as `.lines` with stroke properties. No D3 or JavaScript libraries are loaded; the visualization relies solely on static SVG markup and CSS presentation.

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.

Comments

Sign in to join the discussion.

MIT Licensed