Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

45bf6c1d24fb454cab894bf7c117f886

Fork of Let's make a face with D3.js!

0 stars0🌍 Public
SShengHao-Shi
Last edited Dec 14, 2021
Created on Dec 14, 2021

This example demonstrates a force-directed graph of character relationships from *Les Misérables*, rendered as an interactive SVG network. The visualization uses `d3.forceSimulation` to position nodes and links, with drag support via `d3.drag` for user manipulation. Node colors encode character groups using `d3.scaleOrdinal` and the `d3.schemeTableau10` palette, while link weights reflect connection strength. The code loads data from a local `miserables.json` file and builds the visualization with D3 v5's selection and join methods.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.