π Public
A8 - adjacency matrix representation
DDuc Pham
Last edited Mar 31, 2024
Created on Mar 31, 2024
This example visualizes the Zachary Karate Club dataset as an adjacency matrix, displaying node connections as a grid of orange squares. Each row and column represents a node, with filled cells indicating edges between nodes. Hovering over a cell highlights its corresponding row and column, while a tooltip reveals the edge's source-target pair. The code uses D3.js v7 (d3.csv, d3.select) to load the data and render the SVG elements, positioning cells via x and y attributes. A static tooltip appears in the corner, and the visualization includes no interactive filtering or animation.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.
MIT Licensed
Comments
Sign in to join the discussion.