Skip to main content
100%

Fork of d3 adjacency matrix (soc dataset)

✓ Published0🌍 Public
AAurélien
Last edited Dec 13, 2024
Created on Dec 13, 2024

An interactive adjacency matrix built with D3 v6 visualizes character relationships from the Game of Thrones dataset. The SVG rendering displays ten cells in a 5x5 grid, where filled teal squares indicate interactions between pairs of characters. D3 selections bind data to rows and columns using `selectAll` and `enter()`, while `append('rect')` and `append('text')` generate the matrix cells and labels. The title, row, and column annotations use CSS for styling. The simplified network dataset from networkrepository.com appears as an undirected graph, with matrix rows and columns symmetrically mirrored to reflect bidirectional relationships.

AI-generated description

An adjacency matrix in D3

BTW: The data was simplified to help with creating this visualization.

Link to original dataset: https://networkrepository.com/soc.php

MIT Licensed

Similar vizzes