Basic Chord Diagram in Python, R, Julia and JavaScript

Source code in 15 libraries — Python: Altair, Bokeh, lets-plot, Matplotlib, Plotly, plotnine, Pygal, Seaborn; R: ggplot2; Julia: Makie.jl; JavaScript: Chart.js, D3.js, Apache ECharts, Highcharts, MUI X Charts.

A chord diagram displays relationships or flows between entities arranged around a circle's perimeter. Arcs (chords) connect related entities, with chord width proportional to the flow magnitude. This visualization excels at revealing the overall structure of connections and identifying the strongest relationships within a system.

Renders

• Full-resolution render, light theme
• Full-resolution render, dark theme
• Interactive version, light theme
• Interactive version, dark theme

Preview render from the Pygal implementation.

Implementations

• Basic Chord Diagram in Altair (Python)
• Basic Chord Diagram in Bokeh (Python)
• Basic Chord Diagram in lets-plot (Python)
• Basic Chord Diagram in Matplotlib (Python)
• Basic Chord Diagram in Plotly (Python)
• Basic Chord Diagram in plotnine (Python)
• Basic Chord Diagram in Pygal (Python)
• Basic Chord Diagram in Seaborn (Python)
• Basic Chord Diagram in ggplot2 (R)
• Basic Chord Diagram in Makie.jl (Julia)
• Basic Chord Diagram in Chart.js (JavaScript)
• Basic Chord Diagram in D3.js (JavaScript)
• Basic Chord Diagram in Apache ECharts (JavaScript)
• Basic Chord Diagram in Highcharts (JavaScript)
• Basic Chord Diagram in MUI X Charts (JavaScript)