@antv/g6
Version:
graph visualization frame work
1 lines • 38.6 kB
JSON
{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-ast-459ad1e323cd8aa535529d63c5d4e04c-gatsby-remark-prettiergatsby-remark-prismjsgatsby-remark-external-linksgatsby-remark-autolink-headersgatsby-remark-reading-time-","val":{"type":"root","children":[{"type":"heading","depth":2,"children":[{"type":"link","url":"#背景","title":null,"children":[],"data":{"hProperties":{"aria-label":"背景 permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"背景","position":{"start":{"line":2,"column":4,"offset":4},"end":{"line":2,"column":6,"offset":6},"indent":[]}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":6,"offset":6},"indent":[]},"data":{"id":"背景","htmlAttributes":{"id":"背景"},"hProperties":{"id":"背景"}}},{"type":"paragraph","children":[{"type":"text","value":"社交网络分析是图可视化中一个重要的应用场景。","position":{"start":{"line":3,"column":1,"offset":7},"end":{"line":3,"column":23,"offset":29},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":3,"column":23,"offset":29},"end":{"line":3,"column":29,"offset":35},"indent":[]}},{"type":"text","value":"随着社交网络越来越流行,人与人、人与组织之间的关系变得越来越复杂,使用传统的分析手段,已经很难满足我们的分析需求。在这种情况下,图分析及图可视化显得愈发重要。","position":{"start":{"line":3,"column":29,"offset":35},"end":{"line":3,"column":108,"offset":114},"indent":[]}}],"position":{"start":{"line":3,"column":1,"offset":7},"end":{"line":3,"column":108,"offset":114},"indent":[]}},{"type":"heading","depth":2,"children":[{"type":"link","url":"#功能概述","title":null,"children":[],"data":{"hProperties":{"aria-label":"功能概述 permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"功能概述","position":{"start":{"line":6,"column":4,"offset":120},"end":{"line":6,"column":8,"offset":124},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":117},"end":{"line":6,"column":8,"offset":124},"indent":[]},"data":{"id":"功能概述","htmlAttributes":{"id":"功能概述"},"hProperties":{"id":"功能概述"}}},{"type":"paragraph","children":[{"type":"text","value":"基于 G6 实现一个图分析应用,模拟了一个关系分析场景,使用模拟数据,来展示在图分析应用中我们可以做的一些事情:","position":{"start":{"line":7,"column":1,"offset":125},"end":{"line":7,"column":57,"offset":181},"indent":[]}}],"position":{"start":{"line":7,"column":1,"offset":125},"end":{"line":7,"column":57,"offset":181},"indent":[]}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"关系扩散:","position":{"start":{"line":9,"column":3,"offset":185},"end":{"line":9,"column":8,"offset":190},"indent":[]}}],"position":{"start":{"line":9,"column":3,"offset":185},"end":{"line":9,"column":8,"offset":190},"indent":[]}}],"position":{"start":{"line":9,"column":1,"offset":183},"end":{"line":9,"column":8,"offset":190},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"关系预判:","position":{"start":{"line":10,"column":3,"offset":193},"end":{"line":10,"column":8,"offset":198},"indent":[]}}],"position":{"start":{"line":10,"column":3,"offset":193},"end":{"line":10,"column":8,"offset":198},"indent":[]}}],"position":{"start":{"line":10,"column":1,"offset":191},"end":{"line":10,"column":8,"offset":198},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"关系聚合:","position":{"start":{"line":11,"column":3,"offset":201},"end":{"line":11,"column":8,"offset":206},"indent":[]}}],"position":{"start":{"line":11,"column":3,"offset":201},"end":{"line":11,"column":8,"offset":206},"indent":[]}}],"position":{"start":{"line":11,"column":1,"offset":199},"end":{"line":11,"column":8,"offset":206},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"圈检测:","position":{"start":{"line":12,"column":3,"offset":209},"end":{"line":12,"column":7,"offset":213},"indent":[]}}],"position":{"start":{"line":12,"column":3,"offset":209},"end":{"line":12,"column":7,"offset":213},"indent":[]}}],"position":{"start":{"line":12,"column":1,"offset":207},"end":{"line":12,"column":7,"offset":213},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"圈查询:","position":{"start":{"line":13,"column":3,"offset":216},"end":{"line":13,"column":7,"offset":220},"indent":[]}}],"position":{"start":{"line":13,"column":3,"offset":216},"end":{"line":13,"column":7,"offset":220},"indent":[]}}],"position":{"start":{"line":13,"column":1,"offset":214},"end":{"line":13,"column":7,"offset":220},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"高效分析:","position":{"start":{"line":14,"column":3,"offset":223},"end":{"line":14,"column":8,"offset":228},"indent":[]}}],"position":{"start":{"line":14,"column":3,"offset":223},"end":{"line":14,"column":8,"offset":228},"indent":[]}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"数据过滤:","position":{"start":{"line":15,"column":5,"offset":233},"end":{"line":15,"column":10,"offset":238},"indent":[]}}],"position":{"start":{"line":15,"column":5,"offset":233},"end":{"line":15,"column":10,"offset":238},"indent":[]}}],"position":{"start":{"line":15,"column":3,"offset":231},"end":{"line":15,"column":10,"offset":238},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"实时标记:","position":{"start":{"line":16,"column":5,"offset":243},"end":{"line":16,"column":10,"offset":248},"indent":[]}}],"position":{"start":{"line":16,"column":5,"offset":243},"end":{"line":16,"column":10,"offset":248},"indent":[]}}],"position":{"start":{"line":16,"column":3,"offset":241},"end":{"line":16,"column":10,"offset":248},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"隐藏 / 显示 Label;","position":{"start":{"line":17,"column":5,"offset":253},"end":{"line":17,"column":19,"offset":267},"indent":[]}}],"position":{"start":{"line":17,"column":5,"offset":253},"end":{"line":17,"column":19,"offset":267},"indent":[]}}],"position":{"start":{"line":17,"column":3,"offset":251},"end":{"line":17,"column":19,"offset":267},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"隐藏 / 显示节点。","position":{"start":{"line":18,"column":5,"offset":272},"end":{"line":18,"column":15,"offset":282},"indent":[]}}],"position":{"start":{"line":18,"column":5,"offset":272},"end":{"line":18,"column":15,"offset":282},"indent":[]}}],"position":{"start":{"line":18,"column":3,"offset":270},"end":{"line":18,"column":15,"offset":282},"indent":[]}}],"position":{"start":{"line":15,"column":3,"offset":231},"end":{"line":18,"column":15,"offset":282},"indent":[3,3,3]}}],"position":{"start":{"line":14,"column":1,"offset":221},"end":{"line":18,"column":15,"offset":282},"indent":[1,1,1,1]}}],"position":{"start":{"line":9,"column":1,"offset":183},"end":{"line":18,"column":15,"offset":282},"indent":[1,1,1,1,1,1,1,1,1]}},{"type":"html","value":"<img src='https://intranetproxy.alipay.com/skylark/lark/0/2019/gif/178530/1572335767251-d85d0b33-0798-45cf-9a0c-7e3816b36549.gif#align=left&display=inline&height=652&name=3.gif&originHeight=652&originWidth=1311&search=&size=4596794&status=done&width=1311' width=750 />","position":{"start":{"line":20,"column":1,"offset":284},"end":{"line":20,"column":269,"offset":552},"indent":[]}},{"type":"heading","depth":2,"children":[{"type":"link","url":"#关系扩散","title":null,"children":[],"data":{"hProperties":{"aria-label":"关系扩散 permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"关系扩散","position":{"start":{"line":22,"column":4,"offset":557},"end":{"line":22,"column":8,"offset":561},"indent":[]}}],"position":{"start":{"line":22,"column":1,"offset":554},"end":{"line":22,"column":8,"offset":561},"indent":[]},"data":{"id":"关系扩散","htmlAttributes":{"id":"关系扩散"},"hProperties":{"id":"关系扩散"}}},{"type":"paragraph","children":[{"type":"text","value":"通过指定输入查询到具体的个人后,可以针对查询到的个人,做 1-6 度的关系扩散,可以进一步分析与他相关的人或组织的关系。","position":{"start":{"line":23,"column":1,"offset":562},"end":{"line":23,"column":61,"offset":622},"indent":[]}}],"position":{"start":{"line":23,"column":1,"offset":562},"end":{"line":23,"column":61,"offset":622},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"适用场景:在社交网络中,通过 A 的一度关系可以查询到他的所有朋友,通过二度关系,可以查询到他的朋友的朋友,通过分析相关动态,可以了解到关于 A 的更多的信息。","position":{"start":{"line":25,"column":1,"offset":624},"end":{"line":25,"column":81,"offset":704},"indent":[]}}],"position":{"start":{"line":25,"column":1,"offset":624},"end":{"line":25,"column":81,"offset":704},"indent":[]}},{"type":"html","value":"<img src='https://intranetproxy.alipay.com/skylark/lark/0/2019/gif/178530/1572331707819-bd82d8fb-63ee-4d11-b7d9-d37bf2ea8dc8.gif#align=left&display=inline&height=666&name=3.gif&originHeight=666&originWidth=1329&search=&size=460178&status=done&width=1329' width=750 />","position":{"start":{"line":27,"column":1,"offset":706},"end":{"line":27,"column":268,"offset":973},"indent":[]}},{"type":"heading","depth":2,"children":[{"type":"link","url":"#关系预判","title":null,"children":[],"data":{"hProperties":{"aria-label":"关系预判 permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"关系预判","position":{"start":{"line":29,"column":4,"offset":978},"end":{"line":29,"column":8,"offset":982},"indent":[]}}],"position":{"start":{"line":29,"column":1,"offset":975},"end":{"line":29,"column":8,"offset":982},"indent":[]},"data":{"id":"关系预判","htmlAttributes":{"id":"关系预判"},"hProperties":{"id":"关系预判"}}},{"type":"paragraph","children":[{"type":"text","value":"在海量的社交网络数据中,人与人、人与组织之间会存在很多种不同类型的关系,我们已知的都是已经真实发生的事情,如 A 是 B 的朋友,B 属于 C 组织,但我们不知道如果 D 也属于 E 组织的话,整个网络会发生什么样的变化。这个时候,关系预判就能够帮助我们,我们通过输入两个节点 D 和 E 来判断,如果我们在 D 和 E节点之间新增一条F 类型的关系,与之相关的关系就会很清晰地呈现在我们眼前。","position":{"start":{"line":30,"column":1,"offset":983},"end":{"line":30,"column":198,"offset":1180},"indent":[]}}],"position":{"start":{"line":30,"column":1,"offset":983},"end":{"line":30,"column":198,"offset":1180},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"适用场景:在社交网络中,A 和 B 之间没有直接关系,但想知道如何 A 和 B 之间有某种关系的话,整个关系网络会发生什么样的变化。","position":{"start":{"line":32,"column":1,"offset":1182},"end":{"line":32,"column":67,"offset":1248},"indent":[]}}],"position":{"start":{"line":32,"column":1,"offset":1182},"end":{"line":32,"column":67,"offset":1248},"indent":[]}},{"type":"html","value":"<img src='https://intranetproxy.alipay.com/skylark/lark/0/2019/gif/178530/1572332885695-de07b10e-5398-410b-9943-e8d3bc627f85.gif#align=left&display=inline&height=666&name=3.gif&originHeight=666&originWidth=1329&search=&size=152289&status=done&width=1329' width=750 />","position":{"start":{"line":34,"column":1,"offset":1250},"end":{"line":34,"column":268,"offset":1517},"indent":[]}},{"type":"heading","depth":2,"children":[{"type":"link","url":"#关系聚合","title":null,"children":[],"data":{"hProperties":{"aria-label":"关系聚合 permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"关系聚合","position":{"start":{"line":37,"column":4,"offset":1523},"end":{"line":37,"column":8,"offset":1527},"indent":[]}}],"position":{"start":{"line":37,"column":1,"offset":1520},"end":{"line":37,"column":8,"offset":1527},"indent":[]},"data":{"id":"关系聚合","htmlAttributes":{"id":"关系聚合"},"hProperties":{"id":"关系聚合"}}},{"type":"paragraph","children":[{"type":"text","value":"A 和 B 之间可能会存在多个同事关系,如 A 和 B 在 C 公司是同事,在 D 公司也是同事,只是两条同事关系的时间戳不同。对于这种情况,我们没必要将全有的关系都绘制到页面上,可以将同类型的关系合并成一条关系,点击时再展开。","position":{"start":{"line":38,"column":1,"offset":1528},"end":{"line":38,"column":115,"offset":1642},"indent":[]}}],"position":{"start":{"line":38,"column":1,"offset":1528},"end":{"line":38,"column":115,"offset":1642},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"适用场景:为了降低视觉干扰,将多条同类型的关系合并成一条。","position":{"start":{"line":40,"column":1,"offset":1644},"end":{"line":40,"column":30,"offset":1673},"indent":[]}}],"position":{"start":{"line":40,"column":1,"offset":1644},"end":{"line":40,"column":30,"offset":1673},"indent":[]}},{"type":"html","value":"<img src='https://intranetproxy.alipay.com/skylark/lark/0/2019/gif/178530/1572333424764-06be008d-70d1-43d3-8953-4e48fee6aab1.gif#align=left&display=inline&height=666&name=3.gif&originHeight=666&originWidth=1329&search=&size=145488&status=done&width=1329' width=750 />","position":{"start":{"line":42,"column":1,"offset":1675},"end":{"line":42,"column":268,"offset":1942},"indent":[]}},{"type":"heading","depth":2,"children":[{"type":"link","url":"#圈检测","title":null,"children":[],"data":{"hProperties":{"aria-label":"圈检测 permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"圈检测","position":{"start":{"line":44,"column":4,"offset":1947},"end":{"line":44,"column":7,"offset":1950},"indent":[]}}],"position":{"start":{"line":44,"column":1,"offset":1944},"end":{"line":44,"column":7,"offset":1950},"indent":[]},"data":{"id":"圈检测","htmlAttributes":{"id":"圈检测"},"hProperties":{"id":"圈检测"}}},{"type":"paragraph","children":[{"type":"text","value":"在社交网络数据中,假设我们已经有了一批类似 A 是 B 的朋友,B 是 C 的朋友,C 又是 A 的朋友 这样的朋友圈,这个时候,有一个或两个用户 D / E ,我们想知道 D 和 E 是否在我们已知的朋友圈中,可以通过圈检测的功能,输入 D 或 E,如果在已知的朋友圈中,则会展示所在的所有圈。","position":{"start":{"line":45,"column":1,"offset":1951},"end":{"line":45,"column":149,"offset":2099},"indent":[]}}],"position":{"start":{"line":45,"column":1,"offset":1951},"end":{"line":45,"column":149,"offset":2099},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"适用场景:检测给定用户 A 和 B 是否存在于已知的朋友圈中。","position":{"start":{"line":47,"column":1,"offset":2101},"end":{"line":47,"column":32,"offset":2132},"indent":[]}}],"position":{"start":{"line":47,"column":1,"offset":2101},"end":{"line":47,"column":32,"offset":2132},"indent":[]}},{"type":"html","value":"<img src='https://intranetproxy.alipay.com/skylark/lark/0/2019/gif/178530/1572332175689-ab525290-c4ec-46f4-890c-cc1e921d63b3.gif#align=left&display=inline&height=666&name=3.gif&originHeight=666&originWidth=1329&search=&size=223387&status=done&width=1329' width=750 />","position":{"start":{"line":49,"column":1,"offset":2134},"end":{"line":49,"column":268,"offset":2401},"indent":[]}},{"type":"heading","depth":2,"children":[{"type":"link","url":"#圈查询","title":null,"children":[],"data":{"hProperties":{"aria-label":"圈查询 permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"圈查询","position":{"start":{"line":51,"column":4,"offset":2406},"end":{"line":51,"column":7,"offset":2409},"indent":[]}}],"position":{"start":{"line":51,"column":1,"offset":2403},"end":{"line":51,"column":7,"offset":2409},"indent":[]},"data":{"id":"圈查询","htmlAttributes":{"id":"圈查询"},"hProperties":{"id":"圈查询"}}},{"type":"paragraph","children":[{"type":"text","value":"对于已知的圈,我们可以查询每个圈中包含的节点,以及它们之间的关系。","position":{"start":{"line":52,"column":1,"offset":2410},"end":{"line":52,"column":34,"offset":2443},"indent":[]}}],"position":{"start":{"line":52,"column":1,"offset":2410},"end":{"line":52,"column":34,"offset":2443},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"适用场景:查询指定朋友圈中所有的用户以及用户之间的关系。","position":{"start":{"line":54,"column":1,"offset":2445},"end":{"line":54,"column":29,"offset":2473},"indent":[]}}],"position":{"start":{"line":54,"column":1,"offset":2445},"end":{"line":54,"column":29,"offset":2473},"indent":[]}},{"type":"html","value":"<img src='https://intranetproxy.alipay.com/skylark/lark/0/2019/gif/178530/1572334388045-3e83fd8d-1943-4e91-87be-ba2cf039fe0c.gif#align=left&display=inline&height=677&name=3.gif&originHeight=677&originWidth=1329&search=&size=150465&status=done&width=1329' width=750 />","position":{"start":{"line":56,"column":1,"offset":2475},"end":{"line":56,"column":268,"offset":2742},"indent":[]}},{"type":"heading","depth":2,"children":[{"type":"link","url":"#高效分析","title":null,"children":[],"data":{"hProperties":{"aria-label":"高效分析 permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"高效分析","position":{"start":{"line":59,"column":4,"offset":2748},"end":{"line":59,"column":8,"offset":2752},"indent":[]}}],"position":{"start":{"line":59,"column":1,"offset":2745},"end":{"line":59,"column":8,"offset":2752},"indent":[]},"data":{"id":"高效分析","htmlAttributes":{"id":"高效分析"},"hProperties":{"id":"高效分析"}}},{"type":"paragraph","children":[{"type":"text","value":"图分析应用中,为了提升分析的效率,我们提供了数据过滤、标记重点节点和边、隐藏 / 显示 Label等辅助功能,可帮助用户更快更好地进行分析。","position":{"start":{"line":60,"column":1,"offset":2753},"end":{"line":60,"column":71,"offset":2823},"indent":[]}}],"position":{"start":{"line":60,"column":1,"offset":2753},"end":{"line":60,"column":71,"offset":2823},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#数据过滤","title":null,"children":[],"data":{"hProperties":{"aria-label":"数据过滤 permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"数据过滤","position":{"start":{"line":63,"column":5,"offset":2830},"end":{"line":63,"column":9,"offset":2834},"indent":[]}}],"position":{"start":{"line":63,"column":1,"offset":2826},"end":{"line":63,"column":9,"offset":2834},"indent":[]},"data":{"id":"数据过滤","htmlAttributes":{"id":"数据过滤"},"hProperties":{"id":"数据过滤"}}},{"type":"paragraph","children":[{"type":"text","value":"当画布上存在大量的节点及边时,想要进行高效分析是件很困难的事情,我们可以通过过滤的功能,将暂时不需要关注的类型的节点和边先隐藏起来,以便我们将精力放在重点的节点和边上面。","position":{"start":{"line":64,"column":1,"offset":2835},"end":{"line":64,"column":86,"offset":2920},"indent":[]}}],"position":{"start":{"line":64,"column":1,"offset":2835},"end":{"line":64,"column":86,"offset":2920},"indent":[]}},{"type":"html","value":"<img src='https://intranetproxy.alipay.com/skylark/lark/0/2019/gif/178530/1572334974967-cc3ba7c8-3c20-4c9d-b3e6-98d1a96717ac.gif#align=left&display=inline&height=681&name=3.gif&originHeight=681&originWidth=1329&search=&size=514133&status=done&width=1329' width=750 />","position":{"start":{"line":66,"column":1,"offset":2922},"end":{"line":66,"column":268,"offset":3189},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#标记节点及边","title":null,"children":[],"data":{"hProperties":{"aria-label":"标记节点及边 permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"标记节点及边","position":{"start":{"line":69,"column":5,"offset":3196},"end":{"line":69,"column":11,"offset":3202},"indent":[]}}],"position":{"start":{"line":69,"column":1,"offset":3192},"end":{"line":69,"column":11,"offset":3202},"indent":[]},"data":{"id":"标记节点及边","htmlAttributes":{"id":"标记节点及边"},"hProperties":{"id":"标记节点及边"}}},{"type":"paragraph","children":[{"type":"text","value":"在分析过程中,将重点需要关注的节点和边进行标记,可以在复杂的网络关系中很清晰地呈现出我们需要重点关注的内容。","position":{"start":{"line":70,"column":1,"offset":3203},"end":{"line":70,"column":55,"offset":3257},"indent":[]}}],"position":{"start":{"line":70,"column":1,"offset":3203},"end":{"line":70,"column":55,"offset":3257},"indent":[]}},{"type":"html","value":"<img src='https://intranetproxy.alipay.com/skylark/lark/0/2019/gif/178530/1572334499465-00d790ce-f38d-4e80-acc8-80887146346b.gif#align=left&display=inline&height=681&name=3.gif&originHeight=681&originWidth=1329&search=&size=2510946&status=done&width=1329' width=750 />","position":{"start":{"line":72,"column":1,"offset":3259},"end":{"line":72,"column":269,"offset":3527},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"尤其在特别复杂的网络中,该功能特别有用。","position":{"start":{"line":74,"column":1,"offset":3529},"end":{"line":74,"column":21,"offset":3549},"indent":[]}}],"position":{"start":{"line":74,"column":1,"offset":3529},"end":{"line":74,"column":21,"offset":3549},"indent":[]}},{"type":"html","value":"<img src='https://intranetproxy.alipay.com/skylark/lark/0/2019/png/178530/1564655458300-8d080ad1-96aa-4055-9853-5d5a198ce220.png#align=left&display=inline&height=539&name=image.png&originHeight=1078&originWidth=2124&search=&size=1794769&status=done&width=1062' width=750 />","position":{"start":{"line":76,"column":1,"offset":3551},"end":{"line":76,"column":274,"offset":3824},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#隐藏--显示节点","title":null,"children":[],"data":{"hProperties":{"aria-label":"隐藏 显示节点 permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"隐藏 / 显示节点","position":{"start":{"line":79,"column":5,"offset":3831},"end":{"line":79,"column":14,"offset":3840},"indent":[]}}],"position":{"start":{"line":79,"column":1,"offset":3827},"end":{"line":79,"column":14,"offset":3840},"indent":[]},"data":{"id":"隐藏--显示节点","htmlAttributes":{"id":"隐藏--显示节点"},"hProperties":{"id":"隐藏--显示节点"}}},{"type":"paragraph","children":[{"type":"text","value":"在分析过程中,对于一些不是很重要的节点,我们可以选择隐藏掉它和与它相关的边,这样就方便我们将注意力集中在重点的节点上面。当分析完以后,我们还可以选择将隐藏的节点全部显示出来。","position":{"start":{"line":80,"column":1,"offset":3841},"end":{"line":80,"column":88,"offset":3928},"indent":[]}}],"position":{"start":{"line":80,"column":1,"offset":3841},"end":{"line":80,"column":88,"offset":3928},"indent":[]}},{"type":"html","value":"<img src='https://intranetproxy.alipay.com/skylark/lark/0/2019/gif/178530/1572335206228-3e180755-d6d5-4adc-b49d-dd91044b2bf0.gif#align=left&display=inline&height=681&name=3.gif&originHeight=681&originWidth=1329&search=&size=1331597&status=done&width=1329' width=750 />","position":{"start":{"line":82,"column":1,"offset":3930},"end":{"line":82,"column":269,"offset":4198},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#隐藏--显示-label","title":null,"children":[],"data":{"hProperties":{"aria-label":"隐藏 显示 label permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"隐藏 / 显示 Label","position":{"start":{"line":85,"column":5,"offset":4205},"end":{"line":85,"column":18,"offset":4218},"indent":[]}}],"position":{"start":{"line":85,"column":1,"offset":4201},"end":{"line":85,"column":18,"offset":4218},"indent":[]},"data":{"id":"隐藏--显示-label","htmlAttributes":{"id":"隐藏--显示-label"},"hProperties":{"id":"隐藏--显示-label"}}},{"type":"paragraph","children":[{"type":"text","value":"当边特别多时,边上的 label 不仅会重叠在一起,也会影响我们进一步的分析,我们选择将边上的 label 隐藏。","position":{"start":{"line":86,"column":1,"offset":4219},"end":{"line":86,"column":58,"offset":4276},"indent":[]}}],"position":{"start":{"line":86,"column":1,"offset":4219},"end":{"line":86,"column":58,"offset":4276},"indent":[]}},{"type":"html","value":"<img src='https://intranetproxy.alipay.com/skylark/lark/0/2019/gif/178530/1572335576003-9456ebff-8ab6-487f-99c7-be27ba4277b6.gif#align=left&display=inline&height=664&name=3.gif&originHeight=664&originWidth=1321&search=&size=434093&status=done&width=1321' width=750 />","position":{"start":{"line":88,"column":1,"offset":4278},"end":{"line":88,"column":268,"offset":4545},"indent":[]}},{"type":"heading","depth":2,"children":[{"type":"link","url":"#总结","title":null,"children":[],"data":{"hProperties":{"aria-label":"总结 permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"总结","position":{"start":{"line":90,"column":4,"offset":4550},"end":{"line":90,"column":6,"offset":4552},"indent":[]}}],"position":{"start":{"line":90,"column":1,"offset":4547},"end":{"line":90,"column":6,"offset":4552},"indent":[]},"data":{"id":"总结","htmlAttributes":{"id":"总结"},"hProperties":{"id":"总结"}}},{"type":"paragraph","children":[{"type":"text","value":"本应用以模拟的社交网络数据为例,演示了通过使用 ","position":{"start":{"line":92,"column":1,"offset":4554},"end":{"line":92,"column":25,"offset":4578},"indent":[]}},{"type":"link","title":null,"url":"https://github.com/antvis/g6","children":[{"type":"text","value":"G6","position":{"start":{"line":92,"column":26,"offset":4579},"end":{"line":92,"column":28,"offset":4581},"indent":[]}}],"position":{"start":{"line":92,"column":25,"offset":4578},"end":{"line":92,"column":59,"offset":4612},"indent":[]},"data":{"hProperties":{"target":"_self","rel":"nofollow"}}},{"type":"text","value":" 构建的一个图分析的应用。在实际的场景中,不仅仅局限于社交网络数据,任何重关系类的数据,都适合使用图分析的技术来进行分析,如风控、反洗钱、信用卡诈骗等金融领域,商品、商家及卖家等电商领域。通过使用图分析技术,我们可以很轻易地具备传统分析方法所欠缺的能力,如分析朋友的朋友这种多度关系的能力。","position":{"start":{"line":92,"column":59,"offset":4612},"end":{"line":92,"column":204,"offset":4757},"indent":[]}},{"type":"link","title":null,"url":"https://github.com/antvis/g6","children":[{"type":"text","value":"G6","position":{"start":{"line":92,"column":205,"offset":4758},"end":{"line":92,"column":207,"offset":4760},"indent":[]}}],"position":{"start":{"line":92,"column":204,"offset":4757},"end":{"line":92,"column":238,"offset":4791},"indent":[]},"data":{"hProperties":{"target":"_self","rel":"nofollow"}}},{"type":"text","value":" 是一款图可视化引擎,专注于图分析领域,非常适合用来构建重型的图分析应用。","position":{"start":{"line":92,"column":238,"offset":4791},"end":{"line":92,"column":275,"offset":4828},"indent":[]}}],"position":{"start":{"line":92,"column":1,"offset":4554},"end":{"line":92,"column":275,"offset":4828},"indent":[]}},{"type":"heading","depth":2,"children":[{"type":"link","url":"#应用地址","title":null,"children":[],"data":{"hProperties":{"aria-label":"应用地址 permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"应用地址","position":{"start":{"line":94,"column":4,"offset":4833},"end":{"line":94,"column":8,"offset":4837},"indent":[]}}],"position":{"start":{"line":94,"column":1,"offset":4830},"end":{"line":94,"column":8,"offset":4837},"indent":[]},"data":{"id":"应用地址","htmlAttributes":{"id":"应用地址"},"hProperties":{"id":"应用地址"}}},{"type":"paragraph","children":[{"type":"text","value":"基于 G6 的图分析应用源码:","position":{"start":{"line":96,"column":1,"offset":4839},"end":{"line":96,"column":16,"offset":4854},"indent":[]}},{"type":"link","title":null,"url":"https://github.com/baizn/g6-analyzer-example","children":[{"type":"text","value":"https://github.com/baizn/g6-analyzer-example","position":{"start":{"line":96,"column":17,"offset":4855},"end":{"line":96,"column":61,"offset":4899},"indent":[]}}],"position":{"start":{"line":96,"column":16,"offset":4854},"end":{"line":96,"column":108,"offset":4946},"indent":[]},"data":{"hProperties":{"target":"_self","rel":"nofollow"}}},{"type":"html","value":"<br />","position":{"start":{"line":96,"column":108,"offset":4946},"end":{"line":96,"column":114,"offset":4952},"indent":[]}},{"type":"text","value":"G6 官网:","position":{"start":{"line":96,"column":114,"offset":4952},"end":{"line":96,"column":120,"offset":4958},"indent":[]}},{"type":"link","title":null,"url":"https://antv.alipay.com/zh-cn/g6/3.x/index.html","children":[{"type":"text","value":"https://antv.alipay.com/zh-cn/g6/3.x/index.html","position":{"start":{"line":96,"column":121,"offset":4959},"end":{"line":96,"column":168,"offset":5006},"indent":[]}}],"position":{"start":{"line":96,"column":120,"offset":4958},"end":{"line":96,"column":218,"offset":5056},"indent":[]},"data":{"hProperties":{"target":"_self","rel":"nofollow"}}},{"type":"html","value":"<br />","position":{"start":{"line":96,"column":218,"offset":5056},"end":{"line":96,"column":224,"offset":5062},"indent":[]}},{"type":"text","value":"G6 GitHub:","position":{"start":{"line":96,"column":224,"offset":5062},"end":{"line":96,"column":234,"offset":5072},"indent":[]}},{"type":"link","title":null,"url":"https://github.com/antvis/g6","children":[{"type":"text","value":"https://github.com/antvis/g6","position":{"start":{"line":96,"column":235,"offset":5073},"end":{"line":96,"column":263,"offset":5101},"indent":[]}}],"position":{"start":{"line":96,"column":234,"offset":5072},"end":{"line":96,"column":294,"offset":5132},"indent":[]},"data":{"hProperties":{"target":"_self","rel":"nofollow"}}}],"position":{"start":{"line":96,"column":1,"offset":4839},"end":{"line":96,"column":294,"offset":5132},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":97,"column":1,"offset":5133}}}}