@antv/g6
Version:
graph visualization frame work
1 lines • 37.3 kB
JSON
{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-html-ast-459ad1e323cd8aa535529d63c5d4e04c-gatsby-remark-prettiergatsby-remark-prismjsgatsby-remark-external-linksgatsby-remark-autolink-headersgatsby-remark-reading-time-","val":{"type":"root","children":[{"type":"element","tagName":"h2","properties":{"id":"背景"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E8%83%8C%E6%99%AF","aria-label":"背景 permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":6,"offset":6}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"社交网络分析是图可视化中一个重要的应用场景。","position":{"start":{"line":3,"column":1,"offset":7},"end":{"line":3,"column":23,"offset":29}}},{"type":"raw","value":"<br />","position":{"start":{"line":3,"column":23,"offset":29},"end":{"line":3,"column":29,"offset":35}}},{"type":"text","value":"随着社交网络越来越流行,人与人、人与组织之间的关系变得越来越复杂,使用传统的分析手段,已经很难满足我们的分析需求。在这种情况下,图分析及图可视化显得愈发重要。","position":{"start":{"line":3,"column":29,"offset":35},"end":{"line":3,"column":108,"offset":114}}}],"position":{"start":{"line":3,"column":1,"offset":7},"end":{"line":3,"column":108,"offset":114}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"功能概述"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%8A%9F%E8%83%BD%E6%A6%82%E8%BF%B0","aria-label":"功能概述 permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":6,"column":1,"offset":117},"end":{"line":6,"column":8,"offset":124}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"基于 G6 实现一个图分析应用,模拟了一个关系分析场景,使用模拟数据,来展示在图分析应用中我们可以做的一些事情:","position":{"start":{"line":7,"column":1,"offset":125},"end":{"line":7,"column":57,"offset":181}}}],"position":{"start":{"line":7,"column":1,"offset":125},"end":{"line":7,"column":57,"offset":181}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"关系扩散:","position":{"start":{"line":9,"column":3,"offset":185},"end":{"line":9,"column":8,"offset":190}}}],"position":{"start":{"line":9,"column":1,"offset":183},"end":{"line":9,"column":8,"offset":190}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"关系预判:","position":{"start":{"line":10,"column":3,"offset":193},"end":{"line":10,"column":8,"offset":198}}}],"position":{"start":{"line":10,"column":1,"offset":191},"end":{"line":10,"column":8,"offset":198}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"关系聚合:","position":{"start":{"line":11,"column":3,"offset":201},"end":{"line":11,"column":8,"offset":206}}}],"position":{"start":{"line":11,"column":1,"offset":199},"end":{"line":11,"column":8,"offset":206}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"圈检测:","position":{"start":{"line":12,"column":3,"offset":209},"end":{"line":12,"column":7,"offset":213}}}],"position":{"start":{"line":12,"column":1,"offset":207},"end":{"line":12,"column":7,"offset":213}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"圈查询:","position":{"start":{"line":13,"column":3,"offset":216},"end":{"line":13,"column":7,"offset":220}}}],"position":{"start":{"line":13,"column":1,"offset":214},"end":{"line":13,"column":7,"offset":220}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"高效分析:","position":{"start":{"line":14,"column":3,"offset":223},"end":{"line":14,"column":8,"offset":228}}}],"position":{"start":{"line":14,"column":3,"offset":223},"end":{"line":14,"column":8,"offset":228}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"数据过滤:","position":{"start":{"line":15,"column":5,"offset":233},"end":{"line":15,"column":10,"offset":238}}}],"position":{"start":{"line":15,"column":3,"offset":231},"end":{"line":15,"column":10,"offset":238}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"实时标记:","position":{"start":{"line":16,"column":5,"offset":243},"end":{"line":16,"column":10,"offset":248}}}],"position":{"start":{"line":16,"column":3,"offset":241},"end":{"line":16,"column":10,"offset":248}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"隐藏 / 显示 Label;","position":{"start":{"line":17,"column":5,"offset":253},"end":{"line":17,"column":19,"offset":267}}}],"position":{"start":{"line":17,"column":3,"offset":251},"end":{"line":17,"column":19,"offset":267}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"隐藏 / 显示节点。","position":{"start":{"line":18,"column":5,"offset":272},"end":{"line":18,"column":15,"offset":282}}}],"position":{"start":{"line":18,"column":3,"offset":270},"end":{"line":18,"column":15,"offset":282}}},{"type":"text","value":"\n"}],"position":{"start":{"line":15,"column":3,"offset":231},"end":{"line":18,"column":15,"offset":282}}},{"type":"text","value":"\n"}],"position":{"start":{"line":14,"column":1,"offset":221},"end":{"line":18,"column":15,"offset":282}}},{"type":"text","value":"\n"}],"position":{"start":{"line":9,"column":1,"offset":183},"end":{"line":18,"column":15,"offset":282}}},{"type":"text","value":"\n"},{"type":"raw","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}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"关系扩散"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%85%B3%E7%B3%BB%E6%89%A9%E6%95%A3","aria-label":"关系扩散 permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":22,"column":1,"offset":554},"end":{"line":22,"column":8,"offset":561}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"通过指定输入查询到具体的个人后,可以针对查询到的个人,做 1-6 度的关系扩散,可以进一步分析与他相关的人或组织的关系。","position":{"start":{"line":23,"column":1,"offset":562},"end":{"line":23,"column":61,"offset":622}}}],"position":{"start":{"line":23,"column":1,"offset":562},"end":{"line":23,"column":61,"offset":622}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"适用场景:在社交网络中,通过 A 的一度关系可以查询到他的所有朋友,通过二度关系,可以查询到他的朋友的朋友,通过分析相关动态,可以了解到关于 A 的更多的信息。","position":{"start":{"line":25,"column":1,"offset":624},"end":{"line":25,"column":81,"offset":704}}}],"position":{"start":{"line":25,"column":1,"offset":624},"end":{"line":25,"column":81,"offset":704}}},{"type":"text","value":"\n"},{"type":"raw","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}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"关系预判"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%85%B3%E7%B3%BB%E9%A2%84%E5%88%A4","aria-label":"关系预判 permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":29,"column":1,"offset":975},"end":{"line":29,"column":8,"offset":982}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"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}}}],"position":{"start":{"line":30,"column":1,"offset":983},"end":{"line":30,"column":198,"offset":1180}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"适用场景:在社交网络中,A 和 B 之间没有直接关系,但想知道如何 A 和 B 之间有某种关系的话,整个关系网络会发生什么样的变化。","position":{"start":{"line":32,"column":1,"offset":1182},"end":{"line":32,"column":67,"offset":1248}}}],"position":{"start":{"line":32,"column":1,"offset":1182},"end":{"line":32,"column":67,"offset":1248}}},{"type":"text","value":"\n"},{"type":"raw","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}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"关系聚合"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%85%B3%E7%B3%BB%E8%81%9A%E5%90%88","aria-label":"关系聚合 permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":37,"column":1,"offset":1520},"end":{"line":37,"column":8,"offset":1527}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"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}}}],"position":{"start":{"line":38,"column":1,"offset":1528},"end":{"line":38,"column":115,"offset":1642}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"适用场景:为了降低视觉干扰,将多条同类型的关系合并成一条。","position":{"start":{"line":40,"column":1,"offset":1644},"end":{"line":40,"column":30,"offset":1673}}}],"position":{"start":{"line":40,"column":1,"offset":1644},"end":{"line":40,"column":30,"offset":1673}}},{"type":"text","value":"\n"},{"type":"raw","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}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"圈检测"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%9C%88%E6%A3%80%E6%B5%8B","aria-label":"圈检测 permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":44,"column":1,"offset":1944},"end":{"line":44,"column":7,"offset":1950}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"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}}}],"position":{"start":{"line":45,"column":1,"offset":1951},"end":{"line":45,"column":149,"offset":2099}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"适用场景:检测给定用户 A 和 B 是否存在于已知的朋友圈中。","position":{"start":{"line":47,"column":1,"offset":2101},"end":{"line":47,"column":32,"offset":2132}}}],"position":{"start":{"line":47,"column":1,"offset":2101},"end":{"line":47,"column":32,"offset":2132}}},{"type":"text","value":"\n"},{"type":"raw","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}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"圈查询"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%9C%88%E6%9F%A5%E8%AF%A2","aria-label":"圈查询 permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":51,"column":1,"offset":2403},"end":{"line":51,"column":7,"offset":2409}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"对于已知的圈,我们可以查询每个圈中包含的节点,以及它们之间的关系。","position":{"start":{"line":52,"column":1,"offset":2410},"end":{"line":52,"column":34,"offset":2443}}}],"position":{"start":{"line":52,"column":1,"offset":2410},"end":{"line":52,"column":34,"offset":2443}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"适用场景:查询指定朋友圈中所有的用户以及用户之间的关系。","position":{"start":{"line":54,"column":1,"offset":2445},"end":{"line":54,"column":29,"offset":2473}}}],"position":{"start":{"line":54,"column":1,"offset":2445},"end":{"line":54,"column":29,"offset":2473}}},{"type":"text","value":"\n"},{"type":"raw","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}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"高效分析"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E9%AB%98%E6%95%88%E5%88%86%E6%9E%90","aria-label":"高效分析 permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":59,"column":1,"offset":2745},"end":{"line":59,"column":8,"offset":2752}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"图分析应用中,为了提升分析的效率,我们提供了数据过滤、标记重点节点和边、隐藏 / 显示 Label等辅助功能,可帮助用户更快更好地进行分析。","position":{"start":{"line":60,"column":1,"offset":2753},"end":{"line":60,"column":71,"offset":2823}}}],"position":{"start":{"line":60,"column":1,"offset":2753},"end":{"line":60,"column":71,"offset":2823}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"数据过滤"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E6%95%B0%E6%8D%AE%E8%BF%87%E6%BB%A4","aria-label":"数据过滤 permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":63,"column":1,"offset":2826},"end":{"line":63,"column":9,"offset":2834}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"当画布上存在大量的节点及边时,想要进行高效分析是件很困难的事情,我们可以通过过滤的功能,将暂时不需要关注的类型的节点和边先隐藏起来,以便我们将精力放在重点的节点和边上面。","position":{"start":{"line":64,"column":1,"offset":2835},"end":{"line":64,"column":86,"offset":2920}}}],"position":{"start":{"line":64,"column":1,"offset":2835},"end":{"line":64,"column":86,"offset":2920}}},{"type":"text","value":"\n"},{"type":"raw","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}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"标记节点及边"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E6%A0%87%E8%AE%B0%E8%8A%82%E7%82%B9%E5%8F%8A%E8%BE%B9","aria-label":"标记节点及边 permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":69,"column":1,"offset":3192},"end":{"line":69,"column":11,"offset":3202}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"在分析过程中,将重点需要关注的节点和边进行标记,可以在复杂的网络关系中很清晰地呈现出我们需要重点关注的内容。","position":{"start":{"line":70,"column":1,"offset":3203},"end":{"line":70,"column":55,"offset":3257}}}],"position":{"start":{"line":70,"column":1,"offset":3203},"end":{"line":70,"column":55,"offset":3257}}},{"type":"text","value":"\n"},{"type":"raw","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}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"尤其在特别复杂的网络中,该功能特别有用。","position":{"start":{"line":74,"column":1,"offset":3529},"end":{"line":74,"column":21,"offset":3549}}}],"position":{"start":{"line":74,"column":1,"offset":3529},"end":{"line":74,"column":21,"offset":3549}}},{"type":"text","value":"\n"},{"type":"raw","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}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"隐藏--显示节点"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E9%9A%90%E8%97%8F--%E6%98%BE%E7%A4%BA%E8%8A%82%E7%82%B9","aria-label":"隐藏 显示节点 permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":79,"column":1,"offset":3827},"end":{"line":79,"column":14,"offset":3840}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"在分析过程中,对于一些不是很重要的节点,我们可以选择隐藏掉它和与它相关的边,这样就方便我们将注意力集中在重点的节点上面。当分析完以后,我们还可以选择将隐藏的节点全部显示出来。","position":{"start":{"line":80,"column":1,"offset":3841},"end":{"line":80,"column":88,"offset":3928}}}],"position":{"start":{"line":80,"column":1,"offset":3841},"end":{"line":80,"column":88,"offset":3928}}},{"type":"text","value":"\n"},{"type":"raw","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}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"隐藏--显示-label"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E9%9A%90%E8%97%8F--%E6%98%BE%E7%A4%BA-label","aria-label":"隐藏 显示 label permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":85,"column":1,"offset":4201},"end":{"line":85,"column":18,"offset":4218}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"当边特别多时,边上的 label 不仅会重叠在一起,也会影响我们进一步的分析,我们选择将边上的 label 隐藏。","position":{"start":{"line":86,"column":1,"offset":4219},"end":{"line":86,"column":58,"offset":4276}}}],"position":{"start":{"line":86,"column":1,"offset":4219},"end":{"line":86,"column":58,"offset":4276}}},{"type":"text","value":"\n"},{"type":"raw","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}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"总结"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E6%80%BB%E7%BB%93","aria-label":"总结 permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":90,"column":1,"offset":4547},"end":{"line":90,"column":6,"offset":4552}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"本应用以模拟的社交网络数据为例,演示了通过使用 ","position":{"start":{"line":92,"column":1,"offset":4554},"end":{"line":92,"column":25,"offset":4578}}},{"type":"element","tagName":"a","properties":{"href":"https://github.com/antvis/g6","target":"_self","rel":"nofollow"},"children":[{"type":"text","value":"G6","position":{"start":{"line":92,"column":26,"offset":4579},"end":{"line":92,"column":28,"offset":4581}}}],"position":{"start":{"line":92,"column":25,"offset":4578},"end":{"line":92,"column":59,"offset":4612}}},{"type":"text","value":" 构建的一个图分析的应用。在实际的场景中,不仅仅局限于社交网络数据,任何重关系类的数据,都适合使用图分析的技术来进行分析,如风控、反洗钱、信用卡诈骗等金融领域,商品、商家及卖家等电商领域。通过使用图分析技术,我们可以很轻易地具备传统分析方法所欠缺的能力,如分析朋友的朋友这种多度关系的能力。","position":{"start":{"line":92,"column":59,"offset":4612},"end":{"line":92,"column":204,"offset":4757}}},{"type":"element","tagName":"a","properties":{"href":"https://github.com/antvis/g6","target":"_self","rel":"nofollow"},"children":[{"type":"text","value":"G6","position":{"start":{"line":92,"column":205,"offset":4758},"end":{"line":92,"column":207,"offset":4760}}}],"position":{"start":{"line":92,"column":204,"offset":4757},"end":{"line":92,"column":238,"offset":4791}}},{"type":"text","value":" 是一款图可视化引擎,专注于图分析领域,非常适合用来构建重型的图分析应用。","position":{"start":{"line":92,"column":238,"offset":4791},"end":{"line":92,"column":275,"offset":4828}}}],"position":{"start":{"line":92,"column":1,"offset":4554},"end":{"line":92,"column":275,"offset":4828}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"应用地址"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%BA%94%E7%94%A8%E5%9C%B0%E5%9D%80","aria-label":"应用地址 permalink","class":"anchor"},"children":[{"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}}}],"position":{"start":{"line":94,"column":1,"offset":4830},"end":{"line":94,"column":8,"offset":4837}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"基于 G6 的图分析应用源码:","position":{"start":{"line":96,"column":1,"offset":4839},"end":{"line":96,"column":16,"offset":4854}}},{"type":"element","tagName":"a","properties":{"href":"https://github.com/baizn/g6-analyzer-example","target":"_self","rel":"nofollow"},"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}}}],"position":{"start":{"line":96,"column":16,"offset":4854},"end":{"line":96,"column":108,"offset":4946}}},{"type":"raw","value":"<br />","position":{"start":{"line":96,"column":108,"offset":4946},"end":{"line":96,"column":114,"offset":4952}}},{"type":"text","value":"G6 官网:","position":{"start":{"line":96,"column":114,"offset":4952},"end":{"line":96,"column":120,"offset":4958}}},{"type":"element","tagName":"a","properties":{"href":"https://antv.alipay.com/zh-cn/g6/3.x/index.html","target":"_self","rel":"nofollow"},"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}}}],"position":{"start":{"line":96,"column":120,"offset":4958},"end":{"line":96,"column":218,"offset":5056}}},{"type":"raw","value":"<br />","position":{"start":{"line":96,"column":218,"offset":5056},"end":{"line":96,"column":224,"offset":5062}}},{"type":"text","value":"G6 GitHub:","position":{"start":{"line":96,"column":224,"offset":5062},"end":{"line":96,"column":234,"offset":5072}}},{"type":"element","tagName":"a","properties":{"href":"https://github.com/antvis/g6","target":"_self","rel":"nofollow"},"children":[{"type":"text","value":"https://github.com/antvis/g6","position":{"start":{"line":96,"column":235,"offset":5073},"end":{"line":96,"column":263,"offset":5101}}}],"position":{"start":{"line":96,"column":234,"offset":5072},"end":{"line":96,"column":294,"offset":5132}}}],"position":{"start":{"line":96,"column":1,"offset":4839},"end":{"line":96,"column":294,"offset":5132}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":97,"column":1,"offset":5133}}}}