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)

d76fbcb43f1f41179ab9ba5739d6bc29

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