Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Make a face with D3.JS

Public visualization

Viewing a saved revision (read-only)

0dd6bfe01e56416b9814046fb8789380

Make a face with D3.JS

0 stars1🌍 Public
TTimothy sit
Last edited Dec 26, 2020
Created on Dec 26, 2020

A face drawn with D3.js v6 animates its eyebrows up and down. The SVG face shows a yellow circular head, two eyes, rectangular eyebrows, and a curved mouth created with the `d3.arc` generator. The view is centered using an SVG group translation based on the width and height attributes. Eyebrow movement uses chained `transition` calls to shift the group's transform over 2000 milliseconds each way.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.