Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes and Colors with SVG and CSS

Public visualization

Shapes and Colors with SVG and CSS

0 stars0🌍 Public
BBoris97929500
Last edited Oct 25, 2020
Created on Oct 25, 2020

A single yellow circle sits centered on a blank SVG canvas. The example demonstrates fundamental SVG shape creation and styling using D3 v5, where the circle's radius, x and y coordinates, and fill color are set through chained attribute methods. The code imports the `select` function from D3 and appends the circle element directly to the SVG container. CSS resets the page margin and hides overflow, while the fixed 960×1000 SVG viewport holds the static geometric figure.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed