Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Shapes and Colors with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

226677ac3bec4371a31ea62857cede1c

Fork of Shapes and Colors with SVG and CSS

0 stars0🌍 Public
Ggabcee
Last edited Jun 1, 2022
Created on Jun 1, 2022

This example shows a simple smiling face built from SVG shapes: a yellow circle for the head, two black circles for eyes, and a black arc for the mouth. The code uses D3 v7 selections and the `arc` generator from `d3-shape` to draw the mouth path, while CSS sets the page margin and hides overflow. All shapes are positioned relative to a centered `g` group, with explicit attributes for radius, spacing, and angles.

AI-generated description

An example including some commonly used features of SVG.