Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

6fcfb14315e14fcd89a0c1c4083b05e7

Let's make a face with D3.js!

0 stars5🌍 Public
TThomas Seberechts
Last edited Jun 4, 2020
Created on Jun 4, 2020

A smiling yellow face is drawn with SVG, using D3.js to generate circles for eyes and an arc for the mouth. The animated eyebrows, rendered as rectangles, move up and down via chained `transition` calls on a group element. The code imports `select` and `arc` from D3 v5 and runs within a React framework, with the SVG canvas sized 960 by 500 pixels. Transforms center the face and position facial features relative to the middle of the canvas.

AI-generated description

A bare minimum HTML page.

See also React Starter.