Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A face with d3.js!

Public visualization

A face with d3.js!

0 stars1🌍 Public
Ssantchou
Last edited May 5, 2020
Created on May 5, 2020
Forked from Minauce

This example draws a cartoon face using D3 v5. A yellow circle forms the head, with white eye circles and blue pupils that animate vertically using chained `transition()` calls. The pupils repeatedly shift up and down over three seconds. A mouth is rendered as an arc path using D3’s `arc()` generator. The SVG is centered and positioned using translation transforms, with all shapes created via `select` and `append` on an SVG canvas.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed