知识图谱插件vis.min.js

来源:互联网 发布:seo实战密码电子书 编辑:程序博客网 时间:2024/06/01 10:11

<html><head>    <script type="text/javascript" src="../../dist/vis.js"></script>    <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />    <style type="text/css">        #mynetwork {            width: 600px;            height: 400px;            border: 1px solid lightgray;        }    </style></head><body><div id="mynetwork"></div><script type="text/javascript">    // create an array with nodes    var nodes = new vis.DataSet([        {id: 1, label: 'Node 1'},        {id: 2, label: 'Node 2', fixed:true},        {id: 3, label: 'Node 3'},        {id: 4, label: 'Node 4'},        {id: 5, label: 'Node 5'}    ]);    // create an array with edges    var edges = new vis.DataSet([        {from: 1, to: 3, arrows:'to', 'smooth': {'type': 'cubicBezier'}},        {from: 1, to: 2},        {from: 2, to: 4},        {from: 2, to: 5}    ]);    // create a network    var container = document.getElementById('mynetwork');    // provide the data in the vis format    var data = {        nodes: nodes,        edges: edges    };    var options = {};    // initialize your network!    var network = new vis.Network(container, data, options);</script></body></html>

该插件的官网

http://visjs.org/