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

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

  •  
  •   JCZ2MkKb5S8ZX9pq · 68 天前 · 4135 次点击
    这是一个创建于 68 天前的主题,其中的信息可能已经有所发展或是发生改变。
    • 最近读了山海经,想稍微整理一下人物关系。
    • 暂时用 draw.io 画了画。有点类似下图(网上的),但更加复杂一点。
    • 之后考虑鼠标悬停或者点击之后增加点说明啥的。

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

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

    第 1 条附言  ·  68 天前

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

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

    40 回复  |  直到 2019-10-07 13:55:19 +08:00
        1
    orzorzorzorz   68 天前
    如果只是玩具级别的,可以试试 https://www.v2ex.com/t/604715 里主楼的链接,鼠标移到 test4 或 test5 上往前滚、往后滚可以实现不同层级的显隐。当然这东西没有缩放,也不需要缩放
    https://github.com/orzyyyy/mini-xmind
        2
    JustinL   68 天前 via Android
    thebrain
        3
    gaobh   68 天前
    xmind 就行吧
        4
    Xbluer   68 天前 via iPhone   ♥ 7
    参考下一个名叫 zhao 的项目😂
        5
    JCZ2MkKb5S8ZX9pq   68 天前
    @orzorzorzorz 谢谢,看了下,并不是太适用于我的情况。
    人物关系图不同于 mindmap,相对比较复杂,会有复合多线相互交叉关联的情况。
    如果只是家谱族谱,可能会比较接近大纲视图。

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

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

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

    echarts 里有一个关系图,你是不是想说那个啊?
        27
    silvernoo   68 天前
    graphviz
        29
    ila   67 天前 via Android
    @Xbluer 还有人记得啊
        30
    sslyxhz   67 天前 via Android
    找的方向不太对,试着找<家谱软件>看看,比较能符合你的需求。有个开源的忘了叫啥,能凑合着用
        31
    hscui   67 天前
    @JCZ2MkKb5S8ZX9pq 推荐使用 Thebrain,但这个软件有一个问题是中文搜索有点差,注意一下。

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

    装一个 gitlab 试试?
        34
    scriptB0y   67 天前
    试一下 graphviz,jupyter 就可以用。
        35
    scriptB0y   67 天前
        36
    hscui   66 天前   ♥ 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]
        37
    JCZ2MkKb5S8ZX9pq   66 天前 via iPhone
    @hscui 谢谢。等我 draw.io 画完我试一下这个。
        38
    jinliming2   66 天前 via iPhone
    gephi ?
        39
    ljpCN   66 天前 via Android
    @JCZ2MkKb5S8ZX9pq 能不能在图结构里画弧线我还真不知道,不过元素点击是有事件的,echarts 的 API 可以实现
        40
    free9fw   65 天前
    neo4j + d3
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1021 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 87ms · UTC 19:36 · PVG 03:36 · LAX 11:36 · JFK 14:36
    ♥ Do have faith in what you're doing.