请问有没有绘制 [人物关系图] 的轮子 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
JCZ2MkKb5S8ZX9pq
V2EX    程序员

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

  •  
  •   JCZ2MkKb5S8ZX9pq 2019-10-04 10:42:40 +08:00 8982 次点击
    这是一个创建于 2265 天前的主题,其中的信息可能已经有所发展或是发生改变。
    • 最近读了山海经,想稍微整理一下人物关系。
    • 暂时用 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
        1
    orzorzorzorz  
       2019-10-04 11:18:35 +08:00
    如果只是玩具级别的,可以试试 t/604715 里主楼的链接,鼠标移到 test4 或 test5 上往前滚、往后滚可以实现不同层级的显隐。当然这东西没有缩放,也不需要缩放
    https://github.com/orzyyyy/mini-xmind
    JustinL
        2
    JustinL  
       2019-10-04 11:24:57 +08:00 via Android
    thebrain
    Solix
        3
    Solix  
       2019-10-04 11:29:38 +08:00
    xmind 就行吧
    Xbluer
        4
    Xbluer  
       2019-10-04 11:34:57 +08:00 via iPhone   7
    参考下一个名叫 zhao 的项目
    JCZ2MkKb5S8ZX9pq
        5
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-10-04 11:35:40 +08:00
    @orzorzorzorz 谢谢,看了下,并不是太适用于我的情况。
    人物关系图不同于 mindmap,相对比较复杂,会有复合多线相互交叉关联的情况。
    如果只是家谱族谱,可能会比较接近大纲视图。

    其实我写完问题之后想了想,也许魔改一套地图数据,然后套个 mapbox 也许可以。那样还能做得比较美观。
    JCZ2MkKb5S8ZX9pq
        6
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-10-04 11:36:20 +08:00
    @Xbluer 哎呀,听不懂听不懂,没见过没见过。
    ljpCN
        7
    ljpCN  
       2019-10-04 11:36:58 +08:00 via Android
    echarts
    JCZ2MkKb5S8ZX9pq
        8
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-10-04 11:47:55 +08:00
    @ljpCN echarts 那个我知道,不过我记得只能画直线,或者定义弧线的弧度,折线啥的就不行了。
    另外缩放行不行我忘了。
    还有一点就是 echarts 如果要魔改,对元素点击然后触发其它显示,这个方便嘛?
    比如点了某个人物,想显示点详情的话。
    greatdancing
        9
    greatdancing  
       2019-10-04 11:51:40 +08:00 via Android
    这不就是思维导图?
    starsriver
        10
    starsriver  
       2019-10-04 12:00:09 +08:00 via Android
    markdown 支持。
    JCZ2MkKb5S8ZX9pq
        11
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-10-04 12:01:12 +08:00
    @gaobh
    @starsriver
    @greatdancing

    请看 append 内容
    greatdancing
        12
    greatdancing  
       2019-10-04 12:08:06 +08:00 via Android
    确实有一家思维导图支持你 append 的内容
    不过我忘了
    可能是 mindmaster
    EricXuu
        13
    EricXuu  
       2019-10-04 12:24:11 +08:00 via Android   1
    善用佳软大佬推荐的 thebrain
    http://weibo.com/1188742767/I8fWah3Hh
    TigerK
        14
    TigerK  
       2019-10-04 13:11:58 +08:00
    这个是不是也叫家族树?好像小众软件还是哪里之前有介绍过唉
    JCZ2MkKb5S8ZX9pq
        15
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-10-04 15:01:10 +08:00
    @EricXuu 我试试看
    whileFalse
        16
    whileFalse  
       2019-10-04 17:18:07 +08:00
    PPT。
    uyhyygyug1234
        17
    uyhyygyug1234  
       2019-10-04 19:10:43 +08:00
    @Xbluer 编程 xx 的项目,被 github 封了吧

    他是使用 dot 语言自动生成的,好像是
    mamahaha
        18
    mamahaha  
       2019-10-04 19:17:39 +08:00
    没有,你可以用参数化 CAD 软件画装配图,用带字的小牌子做零件,然后生成爆炸图。
    JCZ2MkKb5S8ZX9pq
        19
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-10-04 19:20:26 +08:00
    @mamahaha 我希望最后是一个可以多终端动态查看的东西,不光是出一个图。
    光图的话我直接 PS 或者 AI 就可以。
    liu19931020
        20
    liu19931020  
       2019-10-04 20:25:56 +08:00
    可以用画原理图 /PCB 的软件,一个 Net 对应一个关系,原理图导出 PCB 的时候自动布局布线(狗头)
    xavierniu
        21
    xavierniu  
       2019-10-04 20:27:26 +08:00 via iPhone
    Neo4j
    JCZ2MkKb5S8ZX9pq
        22
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-10-04 20:30:50 +08:00
    @liu19931020 哈哈哈哈,想想那画面……
    JerryCha
        23
    JerryCha  
       2019-10-04 22:32:33 +08:00
    Neo4j
    laohubuzaijia
        24
    laohubuzaijia  
       2019-10-04 23:50:43 +08:00
    硬套 d3.js 的 sankey 图的话,也可以实现吧。这个是可以 hover 然后显示东西的。
    hiyouli
        25
    hiyouli  
       2019-10-05 00:00:17 +08:00 via Android
    我先 mark 一下,等大佬们推荐。
    这个想法我前几年也找过,但是没找到。
    JCZ2MkKb5S8ZX9pq
        26
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-10-05 00:07:48 +08:00 via iPhone
    @laohubuzaijia 桑基图显然不合适这个 case,那个显示流量的转移比较好,显示树状结构都不理想,何况这个。

    echarts 里有一个关系图,你是不是想说那个啊?
    silvernoo
        27
    silvernoo  
       2019-10-05 00:08:25 +08:00
    graphviz
    wht0522
        28
    wht0522  
       2019-10-05 04:12:29 +08:00
    ila
        29
    ila  
       2019-10-05 06:12:20 +08:00 via Android
    @Xbluer 还有人记得啊
    sslyxhz
        30
    sslyxhz  
       2019-10-05 09:04:09 +08:00 via Android
    找的方向不太对,试着找<家谱软件>看看,比较能符合你的需求。有个开源的忘了叫啥,能凑合着用
    hscui
        31
    hscui  
       2019-10-05 09:07:10 +08:00
    @JCZ2MkKb5S8ZX9pq 推荐使用 Thebrain,但这个软件有一个问题是中文搜索有点差,注意一下。

    另外我现在正在尝试 Tiddlywiki 的插件 Tiddlymap,如果可行,也是不错的;现在感觉与 TheBrain 主要的区别是点击某节点时不会自动以此节点为中心,看起来有点不太方便。
    JCZ2MkKb5S8ZX9pq
        32
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-10-05 09:22:35 +08:00 via iPhone
    @hscui 请问 the brain 可以在关系图时,点击对象自动居中,这个模式。
    和,提前自设定布局的视图,之间切换呢?
    因为有时候还是想看构架清晰一些的视图,自动中心有时候比较方便,有时候有点乱。请问你了解吗?
    starsriver
        33
    starsriver  
       2019-10-05 09:36:30 +08:00 via Android
    markdown 语法扩展支持你说得思维导图。任何形式,任何方式都能用 markdown 做出来。

    装一个 gitlab 试试?
    scriptB0y
        34
    scriptB0y  
       2019-10-05 19:02:44 +08:00
    试一下 graphviz,jupyter 就可以用。
    scriptB0y
        35
    scriptB0y  
       2019-10-05 19:05:05 +08:00
    hscui
        36
    hscui  
       2019-10-06 05:46:33 +08:00   1
    @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
        37
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-10-06 07:38:01 +08:00 via iPhone
    @hscui 谢谢。等我 draw.io 画完我试一下这个。
    jinliming2
        38
    jinliming2  
       2019-10-06 09:32:58 +08:00 via iPhone
    gephi ?
    ljpCN
        39
    ljpCN  
       2019-10-06 23:02:22 +08:00 via Android
    @JCZ2MkKb5S8ZX9pq 能不能在图结构里画弧线我还真不知道,不过元素点击是有事件的,echarts 的 API 可以实现
    free9fw
        40
    free9fw  
       2019-10-07 13:55:19 +08:00
    neo4j + d3
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana/a>     5152 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 33ms UTC 07:35 PVG 15:35 LAX 23:35 JFK 02:35
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86