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
Mmaximus2581
Last edited Jan 3, 2021
Created on Jan 3, 2021

This example builds a face out of many small circles using D3.js version 3. The SVG canvas contains a blank 960 by 500 pixel space, and the code uses d3.forceSimulation to position the nodes into a facial shape. Each circle represents a data point, and the simulation applies physical forces to arrange them into the recognizable form. The styles.css file sets the body margin to zero and hides overflow, ensuring the visualization fills the viewport. The rendering approach is purely SVG-based, with no external data source.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed