block by mbostock 1046712

Chord Diagram

Full Screen

A chord diagram in D3.js, showing dependencies between classes in a software class hierarchy. Dependencies are grouped according to the source and target packages. Although this diagram does not show class-level detail visible with hierarchical edge bundling, it better reveals the total number of imports between and within packages. Note, for example, the circular dependency between vis.data and vis.events. Colors by ColorBrewer.

See also this approach applied to Uber’s San Francisco cab data.

Updated Example →

index.html