Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Shapes and Colors with SVG and CSS

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed