CHAPTERS · 按教材章节组织
第 01 讲线性表 —— 顺序与链式
第 02 讲栈和队列
第 03 讲串与数组
第 04 讲树与二叉树
第 05 讲图 —— 存储与遍历
第 06 讲排序算法全家桶
第 07 讲查找 —— B 树 / 哈希
第 08 讲数据库与 SQL 执行
FEATURES · 核心特性
01
数据结构data structure
链表插入一个节点，动画展示指针怎么重新指向、新节点怎么连上去；树做旋转，节点怎么换位置、子树怎么重新挂接，每一步都画在画布上。增删改查每走一步，旁边标注跟着更新；看不懂就把步进条往回拉，反复看同一段。
02
算法动画algo anim
排序每一轮比较和交换都做成动画：冒泡里较大的元素怎么一步步冒到末尾、快排的基准值怎么切分数组，每一步都标注操作类型和数据状态，像老师在旁边拆解。播放速度自己调，关键步骤随时暂停。
03
数据库database
写一条 SELECT，工具把数据库内部执行路径画成流程图：JOIN 怎么连表、走哪个索引、排序在哪个阶段做，标得清清楚楚。哪一步耗时、哪一步全表扫描，一眼看出瓶颈——比看 EXPLAIN 文本直观得多。
04
教材保持一致textbook
内容直接按教材章节组织：教材讲到哪一章，工具里就有对应的可视化练习。课上完知识点回来练一练，理论马上变成看得见的操作，不用自己找额外练习材料。
SCENARIOS · 什么时候用
课堂同步
上完链表或二叉树，回来把刚学的操作跑一遍——静态的图变动态动画，课后十几分钟比光看书印象深得多。
自学备考
考研或期末复习，对着算法动画过排序和查找，放慢多看几遍——像有本动画版辅导书在旁边。
老师课堂演示
浏览器里直接演示操作过程，比黑板画图方便；学生看见每一步变化，不用凭空想象指针怎么动。
SPEC · 规格表
VERSION
v1.0.x · 正式版
STACK
Svelte 5 · SvelteKit · TypeScript
PLATFORM
Web · 浏览器
LICENSE
教学 · 开源
STATUS
活跃维护中
FORM
在线工具