V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1856 天前的主题，其中的信息可能已经有所发展或是发生改变。

最近读了山海经，想稍微整理一下人物关系。
暂时用 draw.io 画了画。有点类似下图（网上的），但更加复杂一点。
之后考虑鼠标悬停或者点击之后增加点说明啥的。

另外因为图谱比较大，就会用到缩放。但最好像地图的属性一样，缩放的时候，人物框&字体能维持原大。
另外地图里还有另一个属性，就是缩放到某个范围，对应层级的内容才显示。
就有点类似天严查那种关系图，或者百度 echarts 里我记得好像也有类似的（但折线好像不支持）。

简单来说，就是我想要画个可缩放查看的人物关系图。
不知道这样表达是否清楚，希望了解的朋友指点一下。

第 1 条附言 · 2019-10-04 12:00:42 +08:00

人物关系图和大纲图的区别

大纲型的思维导图比较接近于家谱，上下级关系明确（不能有乱伦跨辈分）。
人物关系图会复杂很多（上面找的那个例子不大好）。
xmind能表达的，还远不如 draw.io。
随便再找一个，请抽象一点理解。

人物

山海经

关系

类似

40 条回复 • 2019-10-07 13:55:19 +08:00

orzorzorzorz

2019-10-04 11:18:35 +08:00

如果只是玩具级别的，可以试试 https://www.v2ex.com/t/604715 里主楼的链接，鼠标移到 test4 或 test5 上往前滚、往后滚可以实现不同层级的显隐。当然这东西没有缩放，也不需要缩放
https://github.com/orzyyyy/mini-xmind

JustinL

2019-10-04 11:24:57 +08:00 via Android

thebrain

gaobh

2019-10-04 11:29:38 +08:00

xmind 就行吧

Xbluer

2019-10-04 11:34:57 +08:00 via iPhone

参考下一个名叫 zhao 的项目😂

JCZ2MkKb5S8ZX9pq

2019-10-04 11:35:40 +08:00

@orzorzorzorz 谢谢，看了下，并不是太适用于我的情况。
人物关系图不同于 mindmap，相对比较复杂，会有复合多线相互交叉关联的情况。
如果只是家谱族谱，可能会比较接近大纲视图。

其实我写完问题之后想了想，也许魔改一套地图数据，然后套个 mapbox 也许可以。那样还能做得比较美观。

JCZ2MkKb5S8ZX9pq

2019-10-04 11:36:20 +08:00

@Xbluer 哎呀，听不懂听不懂，没见过没见过。

ljpCN

2019-10-04 11:36:58 +08:00 via Android

echarts

JCZ2MkKb5S8ZX9pq

2019-10-04 11:47:55 +08:00

@ljpCN echarts 那个我知道，不过我记得只能画直线，或者定义弧线的弧度，折线啥的就不行了。
另外缩放行不行我忘了。
还有一点就是 echarts 如果要魔改，对元素点击然后触发其它显示，这个方便嘛？
比如点了某个人物，想显示点详情的话。

greatdancing

2019-10-04 11:51:40 +08:00 via Android

这不就是思维导图？

starsriver

2019-10-04 12:00:09 +08:00 via Android

markdown 支持。

JCZ2MkKb5S8ZX9pq

2019-10-04 12:01:12 +08:00

@gaobh
@starsriver
@greatdancing

请看 append 内容

greatdancing

2019-10-04 12:08:06 +08:00 via Android

确实有一家思维导图支持你 append 的内容
不过我忘了
可能是 mindmaster

EricXuu

2019-10-04 12:24:11 +08:00 via Android

善用佳软大佬推荐的 thebrain
http://weibo.com/1188742767/I8fWah3Hh

TigerK

2019-10-04 13:11:58 +08:00

这个是不是也叫家族树？好像小众软件还是哪里之前有介绍过唉

JCZ2MkKb5S8ZX9pq

2019-10-04 15:01:10 +08:00

@EricXuu 我试试看

whileFalse

2019-10-04 17:18:07 +08:00

PPT。

uyhyygyug1234

2019-10-04 19:10:43 +08:00

@Xbluer 编程 xx 的项目，被 github 封了吧

他是使用 dot 语言自动生成的，好像是

mamahaha

2019-10-04 19:17:39 +08:00

没有，你可以用参数化 CAD 软件画装配图，用带字的小牌子做零件，然后生成爆炸图。

JCZ2MkKb5S8ZX9pq

2019-10-04 19:20:26 +08:00

@mamahaha 我希望最后是一个可以多终端动态查看的东西，不光是出一个图。
光图的话我直接 PS 或者 AI 就可以。

liu19931020

2019-10-04 20:25:56 +08:00

可以用画原理图 /PCB 的软件，一个 Net 对应一个关系，原理图导出 PCB 的时候自动布局布线（狗头）

niuxuewei

2019-10-04 20:27:26 +08:00 via iPhone

Neo4j

JCZ2MkKb5S8ZX9pq

2019-10-04 20:30:50 +08:00

@liu19931020 哈哈哈哈，想想那画面……

JerryCha

2019-10-04 22:32:33 +08:00

Neo4j

laohubuzaijia

2019-10-04 23:50:43 +08:00

硬套 d3.js 的 sankey 图的话，也可以实现吧。这个是可以 hover 然后显示东西的。

hiyouli

2019-10-05 00:00:17 +08:00 via Android

我先 mark 一下，等大佬们推荐。
这个想法我前几年也找过，但是没找到。

JCZ2MkKb5S8ZX9pq

2019-10-05 00:07:48 +08:00 via iPhone

@laohubuzaijia 桑基图显然不合适这个 case，那个显示流量的转移比较好，显示树状结构都不理想，何况这个。

echarts 里有一个关系图，你是不是想说那个啊？

silvernoo

2019-10-05 00:08:25 +08:00

graphviz

wht0522

2019-10-05 04:12:29 +08:00

gojs https://gojs.net/latest/samples/index.html

ila

2019-10-05 06:12:20 +08:00 via Android

@Xbluer 还有人记得啊

sslyxhz

2019-10-05 09:04:09 +08:00 via Android

找的方向不太对，试着找<家谱软件>看看，比较能符合你的需求。有个开源的忘了叫啥，能凑合着用

hscui

2019-10-05 09:07:10 +08:00

@JCZ2MkKb5S8ZX9pq 推荐使用 Thebrain，但这个软件有一个问题是中文搜索有点差，注意一下。

另外我现在正在尝试 Tiddlywiki 的插件 Tiddlymap，如果可行，也是不错的；现在感觉与 TheBrain 主要的区别是点击某节点时不会自动以此节点为中心，看起来有点不太方便。

JCZ2MkKb5S8ZX9pq

2019-10-05 09:22:35 +08:00 via iPhone

@hscui 请问 the brain 可以在关系图时，点击对象自动居中，这个模式。
和，提前自设定布局的视图，之间切换呢？
因为有时候还是想看构架清晰一些的视图，自动中心有时候比较方便，有时候有点乱。请问你了解吗？

starsriver

2019-10-05 09:36:30 +08:00 via Android

markdown 语法扩展支持你说得思维导图。任何形式，任何方式都能用 markdown 做出来。

装一个 gitlab 试试？

scriptB0y

2019-10-05 19:02:44 +08:00

试一下 graphviz，jupyter 就可以用。

scriptB0y

2019-10-05 19:05:05 +08:00

@scriptB0y jupyter 的一个 wrapper http://github.com/laixintao/jupyter-dot-kernel/

hscui

2019-10-06 05:46:33 +08:00

@JCZ2MkKb5S8ZX9pq "提前自设定布局的视图"是什么意思呢？ TheBrain 我很久之前用过，印象中除了点击对象自动居中外，还可以保持整体结构来看各个点，具体示意图请看： https://tieba.baidu.com/p/5288608808?pid=126553543621&red_tag=3473380883&traceid=#126553543621

[img]https://imgsa.baidu.com/forum/cp%3Dtieba%2C10%2C662%3Bap%3D%DF%F7%BF%CD%D0%C5%CC%F5%B0%C9%2C90%2C670/sign=1eb09aa59eeef01f59591081899bfb44/9d44c1fe9925bc31f65f225954df8db1ca137026.jpg[/img]

JCZ2MkKb5S8ZX9pq

2019-10-06 07:38:01 +08:00 via iPhone

@hscui 谢谢。等我 draw.io 画完我试一下这个。

jinliming2

2019-10-06 09:32:58 +08:00 via iPhone

gephi ？

ljpCN

2019-10-06 23:02:22 +08:00 via Android

@JCZ2MkKb5S8ZX9pq 能不能在图结构里画弧线我还真不知道，不过元素点击是有事件的，echarts 的 API 可以实现

free9fw

2019-10-07 13:55:19 +08:00

neo4j + d3

请问有没有绘制 [人物关系图] 的轮子

人物关系图和大纲图的区别