Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 chord diagrams

Public visualization

d3 chord diagrams

0 stars0🌍 Public
SSubhendu Karmakar
Last edited Mar 13, 2024
Created on Mar 13, 2024
Forked from D3 sun-burst graph

This example shows a chord diagram generated from a 3x3 matrix of numeric values, using dark translucent ribbons to visualize connections between three groups. The code builds the visualization with D3 v7, using `d3.chord()` to compute the chord layout with sorted subgroups and angular padding, then renders each chord with `d3.ribbon()` at a fixed radius. The diagram is drawn as SVG paths inside a centered group element, with the input data provided as a static array in the script.

AI-generated description

D3 Hierarchies

Comments

Sign in to join the discussion.

MIT Licensed