寻一个javascript的可画ER图的工具

Question

自己会一点java和javascript，想着自己弄个网页，可以用来维护一个或多个ER图。如下图所示

大概的想法是，前端拿到后端提供的表关系之后，画出类似的图来。要求有：
1.用户可以拖动以改变各表格之间的相对位置
2.用户可以新增表之间的关系，比新增一个safety_risk_list表中con_id字段与safety_risk_list_item表格中的con_id字段相关联的关系
3.最好是有源码，我可以安装到自己的服务器上。

我自己看了下canvas，感觉直接写的话，有些麻烦。我自己在Gitee上也找过，关键词可能用的不是太好，找到了下面这个看着很漂亮的，但是这个是收费的。想问下各位有没有可以方便画这样的表格结构，也可以方便连线的组件可以用的哦。当然了，肯定是要可以免费用的哈

Answer 1

JointJS mxGraph draw.io jgraph

20+ JavaScript libraries to draw your own diagrams (2022 edition) A list of the best JavaScript drawing libraries. We cover libraries offering a predefined palette of components to reuse as well as lower-level libraries focusing on graph primitives. https://modeling-languages.com/javascript-drawing-libraries-diagrams/