Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

Shapes with SVG and CSS

0 stars4🌍 Public
1123fischer
Last edited Nov 15, 2020
Created on Nov 13, 2020
Forked from HTML Starter

A yellow SVG circle face with black outlines demonstrates animated facial expressions using D3 v5 and CSS. The code renders two eyes that blink via chained `transition().duration()` calls, while eyebrows shift vertically through animated `transform` attributes. A mouth is drawn using the D3 `arc()` path generator. All shapes are positioned within a centered `<g>` group, with SVG attributes like `cx`, `r`, and `width` controlling geometry.

AI-generated description

body{ margin: 0px; overflow: hidden; }

Comments

Sign in to join the discussion.

MIT Licensed