Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js, bitches!

Public visualization

Let's make a face with D3.js, bitches!

0 stars2🌍 Public
Vvsalas20
Last edited Nov 29, 2019
Created on Nov 29, 2019

A smiling face built from SVG shapes is drawn with D3.js v5. The yellow head, black eyes, and rectangular eyebrows are positioned using absolute coordinates in a 960×500 viewport. The left eyebrow demonstrates an animated sequence by chaining four `transition().duration(400)` calls that move it up and down vertically. The example uses D3’s selection API (`select`, `append`, `attr`) to create and style the elements, with no data binding or scales involved.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed