Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a face in D3.js

Public visualization

Viewing a saved revision (read-only)

eef8adf4a22b4b65bbd0d17e60d4e4bc

Making a face in D3.js

0 stars0🌍 Public
GGabriel Meireles
Last edited Aug 13, 2019
Created on Aug 13, 2019

This example draws a stylized human face using D3.js and SVG. The face’s features are constructed from layered, rounded paths with a dark teal stroke, set against a plain background. The visualization loads population data for South American countries from a CSV file via D3’s `csv` function, but the rendering focuses purely on the geometric face. The SVG canvas is 960 by 500 pixels, and the code uses D3’s selection and attribute methods to position the elements.

AI-generated description