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 stars2🌍 Public
LLonwabo11
Last edited May 6, 2019
Created on May 6, 2019

An interactive face built from SVG shapes uses D3.js v5 to map data from `data.csv` into facial features. The `index.js` imports `select` and `arc` from D3, applying the arc generator to create curved elements like eyes and a smile. The visualization responds to the dataset’s values, positioning each facial part based on the loaded numbers. The SVG canvas, sized at 960 by 500 pixels, renders the face with a clean, minimal aesthetic, demonstrating how basic D3 primitives can transform tabular data into a recognizable, playful form.

AI-generated description

Trying bar graph on my own

Comments

Sign in to join the discussion.

MIT Licensed