Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Face in D3.js

Public visualization

Viewing a saved revision (read-only)

40b9835fff104359862d52e4a543be97

Face in D3.js

0 stars0🌍 Public
SSuman Kumar Boddula
Last edited Jun 19, 2020
Created on Jun 19, 2020
Forked from Face in D3.js

A face rendered in SVG is centered and composed of layered shapes: a yellow circle for the head, black circles for eyes, rectangular eyebrows, and a black arc for the mouth. Built with D3.js v5, the code uses `d3.select` to target the SVG and `d3.arc` to generate the mouth’s path. The eyebrows animate vertically via chained `transition().duration(2000)` calls, moving down and back up, demonstrating simple tweening of attributes on SVG groups.

AI-generated description

A bare minimum HTML page.

See also React Starter.