Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

Shapes with SVG and CSS

0 stars0🌍 Public
RRonaldKaweesi
Last edited Oct 5, 2019
Created on Oct 5, 2019

A large black circle spans the full height of an SVG canvas, centered with its radius set to half the viewport height. Two smaller circles serve as eyes, positioned symmetrically with fixed spacing and a vertical offset, creating a simple face-like composition. The example demonstrates basic SVG shape creation and styling using D3 v5’s selection and attribute methods, such as `svg.append("circle")` and `.attr()`, alongside CSS resets that remove page margins and hide overflow. Rendering relies entirely on SVG elements manipulated through D3’s declarative API.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed