INTERACTIVE VECTOR DATABASE VISUALIZATION

探索向量索引的内部世界

通过 8 个交互式 SVG 可视化模块，直观理解 HNSW、IVF、PQ 等核心向量检索算法的工作原理。调整参数、观察动画、对比策略——所有计算在浏览器本地完成。

零依赖单文件 SVG 可视化 Linear 美学

HNSW 图结构

分层可导航小世界图——上层稀疏快速导航，下层密集精确搜索。Hierarchical Navigable Small World

控制

统计

K-means 聚类划分向量空间，查询时只搜索最近的 nprobe 个单元。Inverted File Index

控制

统计

高维向量切分为 m 段子向量，每段独立量化到码本，极致压缩内存。Product Quantization

控制

统计

kNN 搜索动画——扫描、计算距离、排序、返回 top-k。k-Nearest Neighbor Search

控制

统计

对比 FP32 / SQ 标量量化 / PQ 乘积量化的内存与召回权衡。Vector Compression Comparison

控制

统计

稠密向量检索 + 稀疏 BM25 关键词检索，RRF 融合排序。Hybrid Dense + Sparse Search

控制

统计

元数据标签过滤 + 向量搜索，对比先过滤后搜索 vs 先搜索后过滤。Filtered Vector Search

控制

统计

多节点数据分片拓扑，哈希 / 范围 / 随机策略对比，查询路由动画。Sharding Strategy

控制

统计

vector-db-viz-lab · 纯 HTML/CSS/JS + SVG · 零外部依赖 Live Demo · MIT License