Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js

Public visualization

Viewing a saved revision (read-only)

43d85e18cac34598bdcf9c8b6b007fd6

Let's make a face with D3.js

0 stars0🌍 Public
Kksdumont
Last edited Oct 21, 2020
Created on Oct 21, 2020

A face emerges from a scatter of points, each assigned a role in the facial layout—eyes, nose, mouth—positioned across a 960×500 SVG canvas. The visualization demonstrates how a static dataset (`data.csv`) can be transformed into a recognizable shape using D3 version 5, with `d3.select` and SVG attribute manipulation to set the frame. The code reads the SVG’s height and width dynamically, then uses that geometry to map the coordinate points, rendering the face purely through SVG elements without interaction or animation.

AI-generated description