Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A8 Node Link Diagram

Public visualization

Viewing a saved revision (read-only)

03b011f7cb2e42a297018c5e8c385eff

A8 Node Link Diagram

0 stars0🌍 Public
AAllen Jake Polintan
Last edited Mar 26, 2024
Created on Mar 25, 2024
Forked from HTML Starter

This node-link diagram visualizes the hi-tech firm network from networkrepository.com, showing connections between 36 firms. The visualization uses d3.forceSimulation with forceLink and forceManyBody to position nodes, rendered as SVG circles connected by gray lines. Node colors are assigned using d3.scaleQuantize, and users can hover over nodes to see their values, though interaction may be slow. The code also implements drag functionality for repositioning nodes, with the graph centered within a 1300x900 pixel SVG canvas.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.