Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes and Colors with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

020b0784d3a84771941cb9f9d5c6a5d3

Shapes and Colors with SVG and CSS

0 stars0🌍 Public
NNick S.
Last edited Oct 14, 2019
Created on Oct 14, 2019

A minimal SVG scene drawn with D3 v5 renders a single circle centered within a 960-by-500 viewport. The code uses `svg.append('circle')` and sets `r`, `cx`, and `cy` attributes based on the SVG’s width and height, while an external stylesheet removes page margins and hides overflow. The circle fills half the vertical space, demonstrating basic shape creation and attribute binding without data or interaction.

AI-generated description

An example including some commonly used features of SVG.