2D Graph Neural Network Message Passing
Interactive 2D simulator of message passing in a Graph Neural Network: a 2D-native graph diagram and a live embedding-space scatter plot show node vectors diffuse hop by hop with real sum, mean, and symmetric-normalized (GCN) aggregation, making over-smoothing visible as a point cloud collapsing to its centroid.
Every Graph Neural Network layer runs the same core operation: each node collects and aggregates the feature vectors of its neighbors, then updates its own vector from that aggregate. This 2D simulator draws a graph natively in the plane (a 2D k-nearest-neighbor topology over randomly scattered points, not a projected 3D layout) and, side by side, plots every node's 3-dimensional feature vector as a point in embedding space — its first two components as (x, y), its third as brightness. Stepping through sum, mean, or the symmetric-normalized rule from Kipf & Welling's GCN animates pulses along the graph edges on the left while the point cloud on the right visibly contracts toward its centroid, making the well-known over-smoothing effect directly observable as geometry collapsing in feature space rather than just colors converging on a 3D mesh. Live readouts track the hop count, Dirichlet energy, and embedding variance.
2D simulator of message passing in a Graph Neural Network: a graph diagram laid out natively in the plane and a live embedding-space scatter plot show node vectors diffuse hop by hop via sum, mean, or symmetric-normalized (GCN) aggregation, making over-smoothing visible as a point cloud collapsing toward its centroid.
2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install