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)

b5d8458b3cf94e16ae8360cb1819150d

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

0 stars2🌍 Public
Bbrett@cloudaccelerator.co
Last edited Mar 27, 2024
Created on Mar 26, 2024

A force-directed graph of the Les Misérables character network is constrained to a movable rectangular boundary. Using the WebCola library with D3.js v4, nodes and links are rendered as SVG circles and lines, with a toggleable lock button that fixes boundary corner weights to prevent nodes from escaping. The layout respects separation constraints, keeping all nodes within the page bounds while allowing interactive dragging.

AI-generated description

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