Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HTML Starter

Public visualization

HTML Starter

0 stars0🌍 Public
Ttayyabanisar
Last edited May 14, 2020
Created on May 14, 2020
Forked from HTML Starter

This example demonstrates a simple animated face built with Scalable Vector Graphics (SVG), rendered through the React framework and the D3.js version 4 library. The code uses D3's `select` method to target the SVG element and `append` to create geometric shapes, including a yellow circle for the head, two black circles for eyes, and rectangular eyebrows. A mouth is drawn using D3's `arc` function and a path element. The eyebrows showcase animation through the `.transition()` API, moving up and down over two-second intervals. The SVG attributes, such as width and height, are retrieved as strings and converted to numbers for calculations.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed