把 EDA 布线思想带到数据库关系图

让复杂数据库 Schema 的 ER 图保持可读。

借鉴 EDA / 电路布线思想,对数据库关系进行正交布线、避障和共享总线组织。表与关系不断增加时,仍能找到要看的那条线。

ER Wiki 电商履约 ER 图:正交关系线、共享汇聚点和业务领域导航
ER Wiki Web 渲染器真实截图 · 虚构电商履约模型 · 13 张表 / 19 条关系
看清一条关系,而不是面对一团线。打开 demo,悬停追踪关系,双击连线查看字段映射和关联说明。

当 ER 图变成一团线

小型 Schema 很容易画。随着更多表共享关联字段、关系跨越业务领域,找到一条关系往往比把它画出来更难。

像电路一样组织关系线

电路设计工具长期面对密集连接。ER Wiki 借鉴这种思路:不仅安排表的位置,也关注连线的路径、共享连接和阅读范围。

EDA × Database

为什么借鉴 EDA 布线?

数据库 Schema 与电路原理图有一个相似的可视化难题:节点多、连接多,而二维空间有限。ER Wiki 不只展示“谁关联谁”,也关注“这条关系怎么走”。

01 / 路径

正交布线与避障

ELK 安排图布局,libavoid 对适用候选绕开表卡片重新布线。

02 / 连接

共享总线与高扇出汇聚点

共享引用可以合并为干线;仍可追踪其中一条关系,保留原始端点。

03 / 端口

表的四边都能连线

端口可分布在四边,同时保留字段身份与 1/N 基数,不靠改关系语义来整理画面。

这里展示的是 ER Wiki 自己的真实输出,不是伪造的优化前后对比。13 表示例用于体验交互,不代表大型 Schema 性能测试。

先看全局,再读一条关系。

逐层阅读

总图 → 领域 → 表 → 字段。结合搜索、小地图和关系追踪,保留阅读位置。

理解关联含义

查看字段、枚举、基数和已有依据。逻辑关系画在图上,不等于数据库已经存在外键。

维护自己的模型

桌面版支持本机解析 SQL、编辑表和关系、JSON 导入导出以及 SVG/PNG 导出。在线 demo 只读。

本机工作,不需要云端账号

安装后的 Electron 应用可离线处理本地模型,无应用遥测,不自动上传模型。只有主动检查更新时才访问 GitHub;在线 demo 仍需要正常的网页请求。

复用成熟工具,不另造绘图引擎

drawDB 提供编辑基础;ELK 负责布局与压缩;libavoid 负责避障布线;React 渲染工作台;Electron 提供桌面应用。

查看实现与设计 →

当你的 Schema 已经画不进一块白板。

先用虚构示例体验,再用桌面版打开自己的 SQL 和 JSON 模型。

已发布安装包:macOS Apple Silicon。临时签名,未做 Apple 公证;Windows/Linux 发布尚未验证。