Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js Network Graph

Public visualization

D3.js Network Graph

1 star0🌍 Public
BBoris Gomaz
Last edited Jun 20, 2023
Created on Jun 20, 2023

This example visualizes a network graph using D3.js, displaying nodes as circles and links as weighted lines based on adjacency data from a JSON file. It employs `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to arrange the nodes. SVG elements are generated for rendering. Link thickness encodes the absolute weight from the input data, with positive and negative correlations represented distinctly. The code loads data via `d3.json` and positions nodes using the simulation’s `ticked` event handler.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed