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

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

  •   
  •   JCZ2MkKb5S8ZX9pq · 2019-10-04 10:42:40 +08:00 · 8419 次点击
    这是一个创建于 1888 天前的主题，其中的信息可能已经有所发展或是发生改变。
    • 最近读了山海经，想稍微整理一下人物关系。
    • 暂时用 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
    gojs https://gojs.net/latest/samples/index.html
    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
    @scriptB0y jupyter 的一个 wrapper http://github.com/laixintao/jupyter-dot-kernel/
    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   ·   实用小工具   ·   3179 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 13:28 · PVG 21:28 · LAX 05:28 · JFK 08:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.