Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes and Colors with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

a35f41fc54e64ca698c3d63faadb3110

Shapes and Colors with SVG and CSS

0 stars2🌍 Public
IIan Russell
Last edited Feb 11, 2021
Created on Feb 10, 2021

This example shows a simple cartoon face built from SVG shapes, including a yellow circle, eyes, animated eyebrows, and a mouth drawn with an arc path. The eyebrows move up and down repeatedly using D3 v4 transitions that alter their transform attribute. The code uses D3 selections, the `arc` function for the mouth, and SVG elements such as `circle`, `rect`, and `path`, with styling applied via a linked CSS file. Rendering is done entirely in SVG with no external data source.

AI-generated description

An example including some commonly used features of SVG.