2017 Link Data

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2017 Link Data</title>
    <style>::-webkit-scrollbar{display:none;}html,body{overflow:hidden;margin:0;}</style>
</head>
<body>
<div id="mountNode"></div>
<script>/*Fixing iframe window.innerHeight 0 issue in Safari*/document.body.clientHeight;</script>
<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g6-3.1.1/build/g6.js"></script>
<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g6-2.2.0/build/g6.js"></script>
<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g6-2.2.6/build/plugins.js"></script>
<script src="https://gw.alipayobjects.com/os/antv/assets/lib/jquery-3.2.1.min.js"></script>
<script>
  $("#mountNode").prepend('<img class="legend" width="150" src="https://gw.alipayobjects.com/zos/rmsportal/AuLKMNbRvKidugdUCaXz.png" style="position: absolute;right: 20px;"/>');
  $.getJSON('https://gw.alipayobjects.com/os/antvdemo/assets/data/2017-link-data.json', function(data) {
    var _G = G6,
      Util = _G.Util;

var _Util$extract = Util.extract('bi', [item]),
        reNodes = _Util$extract.reNodes,
        reEdges = _Util$extract.reEdges;

graph.highlightSubgraph(reNodes.concat(reEdges));
      reEdges.forEach(function(edge) {
        graph.show(edge);
      });
      showEdgesCache = reEdges;
    });
    graph.on('node:mouseleave', function() {
      graph.unhighlightGraph();
      showEdgesCache.forEach(function(edge) {
        graph.hide(edge);
      });
    });
  });
</script>
</body>
</html>

图表简介

详见：http://linkdata.org/

树图

流图

网图

编辑器

2017 Link Data

图表简介