Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Let's make a face with D3.js!

0 stars0🌍 Public
IIan
Last edited Mar 8, 2023
Created on Mar 8, 2023
Forked from HTML Starter

This example shows a stylized cartoon face drawn with D3.js, where the eyes animate horizontally in a playful loop. The face is constructed using SVG circles for the head and eyes, with a centered group transform positioning the features. The code uses D3 v5 selections and transitions, specifically `transition().duration()` to shift the eye group’s `transform` attribute over two seconds. Rendering is done via SVG in a React framework, with hardcoded dimensions and offsets defining the face’s geometry, and no external data source.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed