图神经网络（GNNs）在各个应用领域取得了显著成功。然而，其复杂的结构和内部工作机制对非人工智能领域的专家来说可能难以理解。为了解决这一问题，本研究提出了\name{}，一个用于交互式学习GNN的教育可视化工具。GNN 101通过多层抽象引入了一组动画可视化，这些可视化无缝地将数学公式与可视化结合在一起，包括模型概述、层操作以及详细的计算过程。用户可以轻松切换两种互补视图：一种是节点-链接视图，提供直观的图数据理解；另一种是矩阵视图，提供紧凑且全面的特征及其跨层变换的整体概览。GNN 101的设计和开发基于与四位GNN专家的紧密合作以及在三个与GNN相关的课程中的部署。我们通过教学助教和学生的实际使用案例及用户研究展示了GNN 101的可用性和有效性。为了确保广泛的教育普及，GNN 101是开源的，并可以直接在Web浏览器中使用，无需任何安装。

Graph Neural Networks (GNNs) have achieved significant success across various applications. However, their complex structures and inner workings can be challenging for non-AI experts to understand. To address this issue, this study presents \name{}, an educational visualization tool for interactive learning of GNNs. GNN 101 introduces a set of animated visualizations that seamlessly integrate mathematical formulas with visualizations via multiple levels of abstraction, including a model overview, layer operations, and detailed calculations. Users can easily switch between two complementary views: a node-link view that offers an intuitive understanding of the graph data, and a matrix view that provides a space-efficient and comprehensive overview of all features and their transformations across layers. GNN 101 was designed and developed based on close collaboration with four GNN experts and deployment in three GNN-related courses. We demonstrated the usability and effectiveness of GNN 101 via use cases and user studies with both GNN teaching assistants and students. To ensure broad educational access, GNN 101 is open-source and available directly in web browsers without requiring any installations.