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
Aanant
Last edited Feb 11, 2020
Created on Feb 8, 2020

D3.js maps population statistics onto a playful SVG face, with country data from `data.csv` determining facial features such as eye size and mouth width. The visualization leverages D3’s `csv` loader to parse the population values and renders the resulting face using declarative SVG elements. Written in React and D3 v5, the example demonstrates how to bind external tabular data to visual properties, with the initial face state shown before any user interaction. The SVG canvas is fixed at 960 by 500 pixels, and the face appears immediately after the data loads.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed