图论可视化和算法库: cytoscape.js

什么是cytoscape.js

  cytoscape.js是一个图论相关的可视化, 可响应, 且自带一些基本图论算法的js库。截至我写这篇博客的时候cytoscape.js在github上仍然相当活跃，既有商业应用也有开源软件使用这个库, 是一个相当可靠的库。有兴趣请访问其官方网站

使用cytoscape.js

  cytoscape可以跑在各种各样的地方,浏览器和Node.js都可以使用, cytoscape.js也提供了各种包格式。

基本概念

element

  一个图最基本的元素就是“节点”(node)和“边”(edge), 在cytoscape.js 中，大体上可以认为这两者就是cytoscape的元素(element), 并且可以使用javascript object字面量表示，也可以导出到JSON或者从JSON导入(也就是说自带了序列化)

const aNode = {
   
    group: 'nodes', // 表明自己是node
    data: {
   
        id: '001', // 必须字段
        /* 一些自定义属性 */
    },
    classes: ["foo", "bar"] // 自定义element 的类别
}

const anEdge =