Skip to content

Diagram and MicroSim Details

Total Visual Elements: 36 Diagrams: 8 MicroSims: 28

Chapter 0: Math Prerequisites

Total elements: 1

Matrix × Graph Explorer

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Understand
  • UI Elements: 5
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 1: Intro To Graphs

Total elements: 1

Graph Property Explorer

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Apply
  • UI Elements: 3
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 2: Graph Properties And Features

Total elements: 1

WL Color Refinement Simulator

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Understand
  • UI Elements: 4
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Total elements: 1

PageRank Feedback Loops

  • Status: Implemented
  • Type: Diagram
  • Bloom's Taxonomy: Apply
  • UI Elements: 5
  • Difficulty: Easy
  • Learning Objective: TODO: Add learning objectives...

Chapter 4: Node Embeddings

Total elements: 1

node2vec Biased Random Walk Explorer

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Apply
  • UI Elements: 7
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 5: Label Propagation

Total elements: 2

Label Propagation Step-by-Step Simulator

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Analyze
  • UI Elements: 4
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

SIR Epidemic Dynamics on Network Structures

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Analyze
  • UI Elements: 5
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 6: Gnn Foundations

Total elements: 2

GCN Message Passing Visualizer

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Understand
  • UI Elements: 3
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

GNN Message Passing Feedback Dynamics

  • Status: Implemented
  • Type: Diagram
  • Bloom's Taxonomy: Analyze
  • UI Elements: 4
  • Difficulty: Easy
  • Learning Objective: TODO: Add learning objectives...

Chapter 7: Gnn Design Space

Total elements: 2

GAT Attention Weight Visualizer

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Apply
  • UI Elements: 2
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

GNN Design Space Interactive Comparison

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Create
  • UI Elements: 0
  • Difficulty: Easy
  • Learning Objective: TODO: Add learning objectives...

Chapter 8: Gnn Training

Total elements: 1

Over-Smoothing Feedback Loop

  • Status: Implemented
  • Type: Diagram
  • Bloom's Taxonomy: Understand
  • UI Elements: 5
  • Difficulty: Easy
  • Learning Objective: TODO: Add learning objectives...

Chapter 9: Gnn Theory

Total elements: 1

WL Color Refinement Convergence — Causal Loop Diagram

  • Status: Implemented
  • Type: Diagram
  • Bloom's Taxonomy: Apply
  • UI Elements: 4
  • Difficulty: Easy
  • Learning Objective: TODO: Add learning objectives...

Chapter 10: Powerful Gnns

Total elements: 1

GIN vs. GCN Expressiveness MicroSim

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Understand
  • UI Elements: 4
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 11: Graph Transformers

Total elements: 1

Graph Transformer Attention Heatmap

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Analyze
  • UI Elements: 4
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 12: Knowledge Graph Embeddings

Total elements: 1

TransE Geometry in 2D

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Apply
  • UI Elements: 6
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 13: Kg Reasoning

Total elements: 1

Query Box Traversal

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Analyze
  • UI Elements: 5
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 14: Kg Foundation Models

Total elements: 1

Cross-KG Structure Transfer

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Analyze
  • UI Elements: 4
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 15: Heterogeneous Graphs

Total elements: 1

Typed Node and Edge Explorer

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Apply
  • UI Elements: 6
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 16: Recommender Systems

Total elements: 1

User-Item Graph with Multi-Hop Propagation Visualization

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Apply
  • UI Elements: 3
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 17: Relational Deep Learning

Total elements: 1

Relational Schema to Heterogeneous Graph

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Understand
  • UI Elements: 3
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 18: Community Structure

Total elements: 2

Girvan-Newman Step-by-Step on the Karate Club Graph

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Understand
  • UI Elements: 3
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Louvain Two-Phase Iteration Explorer

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Understand
  • UI Elements: 5
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 19: Subgraph Mining

Total elements: 2

Motif Z-Score Explorer

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Understand
  • UI Elements: 3
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

SPMiner Order Embedding Space

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Understand
  • UI Elements: 2
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 20: Scaling Gnns

Total elements: 1

Neighbor Explosion Causal Loop Diagram

  • Status: Implemented
  • Type: Diagram
  • Bloom's Taxonomy: Analyze
  • UI Elements: 3
  • Difficulty: Easy
  • Learning Objective: TODO: Add learning objectives...

Chapter 21: Generative Models

Total elements: 1

Drug Discovery GNN Pipeline

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Understand
  • UI Elements: 2
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 22: Temporal Graphs

Total elements: 1

Temporal Graph Memory Dynamics — Causal Loop Diagram

  • Status: Implemented
  • Type: Diagram
  • Bloom's Taxonomy: Understand
  • UI Elements: 3
  • Difficulty: Easy
  • Learning Objective: TODO: Add learning objectives...

Chapter 23: Llm Gnn

Total elements: 2

LLM+GNN Pipeline Explorer (Full Version)

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Evaluate
  • UI Elements: 6
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

LLM+GNN Pipeline — Text-to-Prediction

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Understand
  • UI Elements: 4
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 24: Advanced Gnn Topics

Total elements: 3

Contrastive Loss Surface Explorer

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Apply
  • UI Elements: 4
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

DGI vs. Contrastive Learning — Concept Map

  • Status: Implemented
  • Type: Diagram
  • Bloom's Taxonomy: Analyze
  • UI Elements: 1
  • Difficulty: Easy
  • Learning Objective: TODO: Add learning objectives...

Graph Contrastive Learning — Two-View Pipeline

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Create
  • UI Elements: 4
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 25: Agents And Graphs

Total elements: 2

Agent Graph Reasoning Loop — Causal Loop Diagram

  • Status: Implemented
  • Type: Diagram
  • Bloom's Taxonomy: Apply
  • UI Elements: 4
  • Difficulty: Easy
  • Learning Objective: TODO: Add learning objectives...

Agent Tool-Use Graph — Interactive Planner

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Understand
  • UI Elements: 2
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...

Chapter 26: Conclusion

Total elements: 1

GNN Architecture Family Tree

  • Status: Implemented
  • Type: Microsim
  • Bloom's Taxonomy: Create
  • UI Elements: 2
  • Difficulty: Medium
  • Learning Objective: TODO: Add learning objectives...