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
FFransman85
Last edited Jul 6, 2019
Created on Jul 6, 2019
Forked from Hello VizHub

This example draws a yellow circle with two black eyes and a red arc mouth using SVG shapes. It demonstrates the use of d3’s `select` and `arc` APIs to append `circle` and `path` elements to an empty SVG canvas. The size and position of each shape are computed from the SVG’s width and height attributes. The code relies on D3 v5 and the bundled JavaScript file, while CSS styles define stroke and color classes but do not affect the rendering logic.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed