Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 edge bundling (soc dataset)

Public visualization

d3 edge bundling (soc dataset)

1 star2🌍 Public
AAndrew
Last edited Mar 26, 2024
Created on Mar 26, 2024

This example visualizes the Zachary karate club social network using edge bundling, showing friendships among 34 members as curved paths arranged in a radial hierarchy. A slider adjusts edge tension, dynamically changing how tightly the bundled links curve. The visualization uses d3.cluster to compute the hierarchical layout, d3.radialLine with d3.curveBundle to draw the bundled edges, and SVG rendering for the paths and labels. Data comes from a simplified version of the networkrepository.com soc dataset, loaded via d3.json.

AI-generated description

An edge bundling chart in D3

BTW: The data was simplified to help with creating this visualization.

Link to original dataset: https://networkrepository.com/soc.php

Comments

Sign in to join the discussion.

MIT Licensed