Reading links and paths

Compare the same network as a node-link drawing and an adjacency matrix. Hover over a node to highlight its links, or over an edge to highlight that edge and both endpoints. Click node labels to select them. In the matrix, hover over any cell to shade its entire row and column.

Red: selected nodes and their linksGreen: current hoverMatrix hover uses 50% transparent green bands. Filled and empty cells remain visible.

Untimed practiceNo time limit

Your completed trials

Responses stay in this page. Export the CSV file before closing it. Practice and timed responses are labelled separately.

ModeDisplayTaskResultSeconds

How this relates to the original experiment

Ghoniem, Fekete and Castagliola (2004), A Comparison of the Readability of Graphs Using Node-Link and Matrix-Based Representations, Sections 3.4.1–3.4.4.

Scope of this teaching reconstruction