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)

51d713b96aa64e0690bff7548e2d420e

Shapes with SVG and CSS

0 stars0🌍 Public
EEkundayo Blessing
Last edited May 13, 2019
Created on May 12, 2019

This example shows a stylized face constructed from a yellow circular head, black eyes, rectangular eyebrows, and a curved mouth. The visualization demonstrates the animation of SVG shapes using D3.js and CSS. The eyebrows are animated with a D3 transition, moving up and down over a two-second duration. The mouth is created using D3’s `arc` function with specified inner and outer radii and angular sweep. The SVG canvas is 960 by 500 pixels, and the scene is centered using a group transform.

AI-generated description

A demonstration of basic HTML and CSS.