Network Adjacency Matrix Heatmap 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 matrix-based representation of a network or graph where rows and columns represent nodes and cell color indicates the presence or weight of edges between them. This visualization complements node-link diagrams by excelling at revealing clusters, structural patterns, and density in large or dense networks where node-link layouts become cluttered. Reordering nodes by cluster, degree, or community membership exposes block-diagonal structure and makes group boundaries immediately visible.

Renders

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

Preview render from the MUI X Charts implementation.

Implementations

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