Database · Advanced Visualization

把数据库内核的黑盒变成可交互的动画

从查询优化器的代价估算到向量数据库的 HNSW 图,8 个模块用 SVG 与实时动画拆解数据库进阶概念。切换控制项即可观察执行计划、隔离级别、分片路由、复制延迟等如何随参数变化。

8 modules zero-dependency SVG + rAF prefers-reduced-motion responsive
01 / Optimizer

查询优化

代价估算、执行计划选择,对比基于规则的 RBO 与基于代价的 CBO 如何从候选计划中挑出最优执行路径。

Execution Plan Tree
优化器
表行数
20k
选择率
10%
02 / Isolation

事务隔离

RR / RC / Serializable 快照隔离动画:两个事务在时间线上并发读写,观察脏读、不可重复读、幻读在不同隔离级别下的发生与消除。

Transaction Timeline
隔离级别
03 / Index

索引进阶

覆盖索引避免回表、索引下推 ICP 把谓词推到存储层、Hash 索引的桶定位——三种进阶索引技术对比。

Index Access Path
索引技术
04 / Sharding

分库分表

一致性哈希路由环:水平 / 垂直分片下,观察节点增删时只有相邻区间的数据需要迁移,而非全量 rehash。

Consistent Hashing Ring
键数量
160
05 / Replication

主从复制

全异步 vs 半同步、GTID 事务流、并行复制 worker 线程:观察主库 binlog 如何流向从库并回放,延迟如何形成与收敛。

Replication Topology
模式
并行 worker
4
06 / Columnar

列式存储

列存压缩对比:Run-Length 编码压缩连续重复值,Dictionary 编码把低基数字符串映射为整数码本,观察压缩率随数据特征变化。

Row vs Column Encoding
编码
列
07 / Time-Series

时序数据库

时间线存储、降采样与保留策略:原始点位随时间累积,按间隔聚合后老数据被压缩或过期淘汰,维持查询性能与存储成本平衡。

Time-Series Downsampling & Retention
降采样间隔
5m
保留
08 / Vector

向量数据库进阶

HNSW 多层图导航的参数调优与 IVF-PQ 混合索引:调节 M / efSearch、nlist / nsub,观察召回率、延迟与访问节点数的权衡。

ANN Index Search
算法
M
12
efSearch
20