Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HTML SVG SHAPES

Public visualization

HTML SVG SHAPES

0 stars1🌍 Public
Ssathishkottravel
Last edited Apr 25, 2020
Created on Apr 25, 2020
Forked from HTML D3.JS SVG

This example demonstrates basic SVG shape creation and animation within a React scaffold. It draws a yellow face with circles for eyes, rectangles for eyebrows, and an arc for a mouth on a grey background, using D3 v5 selection and shape generators like `arc`. The eyebrows move up and down via chained `transition` calls with a duration of 800 milliseconds each, while hand-coded SVG elements for circles and rectangles appear in the HTML alongside programmatically appended ones.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed