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)

c98103481e88405887da9ad96ccc7045

Shapes with SVG and CSS

0 stars1🌍 Public
RResl411
Last edited Nov 5, 2019
Created on Nov 5, 2019
Forked from Hello VizHub

This example demonstrates how to draw and style basic geometric shapes using SVG and CSS. It shows circles, rectangles, lines, and a path, with some shapes using explicit fill and stroke attributes while others inherit styling from CSS classes. The code uses D3.js's `select` function to set text content, though the visual output relies entirely on raw SVG markup within an HTML file. The SVG is scaled and translated to arrange the shapes in distinct groups, with the CSS applying stroke properties to the line elements.

AI-generated description

An example showing the capabilities of VizHub.