V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
JCZ2MkKb5S8ZX9pq
V2EX  ›  程序员

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

  •  
  •   JCZ2MkKb5S8ZX9pq · 2019-10-04 10:42:40 +08:00 · 8400 次点击
    这是一个创建于 1878 天前的主题,其中的信息可能已经有所发展或是发生改变。
    • 最近读了山海经,想稍微整理一下人物关系。
    • 暂时用 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
    如果只是玩具级别的,可以试试 https://www.v2ex.com/t/604715 里主楼的链接,鼠标移到 test4 或 test5 上往前滚、往后滚可以实现不同层级的显隐。当然这东西没有缩放,也不需要缩放
    https://github.com/orzyyyy/mini-xmind
    JustinL
        2
    JustinL  
       2019-10-04 11:24:57 +08:00 via Android
    thebrain
    gaobh
        3
    gaobh  
       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 的时候自动布局布线(狗头)
    niuxuewei
        21
    niuxuewei  
       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   ·   实用小工具   ·   2680 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 03:31 · PVG 11:31 · LAX 19:31 · JFK 22:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.