Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Chord Diagram Using Graph Gallery Edited

Public visualization

Viewing a saved revision (read-only)

f6bcf337afed498c8f4eee61a1fa0ebc

Chord Diagram Using Graph Gallery Edited

0 stars0🌍 Public
Eethanrampersaud@gmail.com
Last edited Aug 15, 2025
Created on Aug 15, 2025

This chord diagram visualizes flows between three groups (Jake, Sarah, and John) using a matrix of numeric values. The code uses D3 v4’s `d3.chord()` and `d3.ribbon()` to compute and draw the arcs and ribbons, with `d3.arc()` rendering the outer group segments in distinct colors. Mouseover tooltips display source and target names via a custom HTML overlay. The visualization is rendered as static SVG with no animation, though the tooltip transition is defined but not actively bound to mouse leave.

AI-generated description