Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with D3.js

Public visualization

Lets make a face with D3.js

0 stars1🌍 Public
RRonaldKaweesi
Last edited Oct 6, 2019
Created on Oct 6, 2019

A yellow SVG face is drawn with D3.js v5, featuring a circular head, two eyes, eyebrows, and a mouth created using `d3.arc`. The eyebrows animate vertically via `transition().duration()`, shifting downward over two seconds. The face is centered using an SVG group transform, with eye positions spaced by fixed pixel offsets. The code uses `select`, `arc`, and SVG shape elements like `circle`, `rect`, and `path`. Population data in `data.csv` is loaded but not rendered in the visualization.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed