在javascript中从边列表制作有向图
Making a directed graph from a list of edges in javascript
我有一个从键到值的边列表
因此a => [x,y,z]
意味着a
与x
, y
和z
相连
我有一个很长的列表,我想把它可视化,最好是用javascript。
有哪些已知的javascript包可以轻松完成(通过javascript输入边,输出图形)
我强烈推荐d3.js,它的API很直观,在数据可视化方面做得很好。一些示例输出可以在这里(d3noob.org)和这里(bl.ocks.org)获得。
创建有向图的基本步骤可从d3noob.org获得。
你可以试试Cytoscape.js。它是一个Javascript图形分析和可视化库。http://cytoscape.github.com/cytoscape.js/
它甚至支持带有端点标记(即箭头)的边,这对有向图很有用。
免责声明:我参与了Cytoscape.js。
相关文章:
- 如何在d3力有向图中最初限制节点数
- 如何在Vis JS有向图中逐个显示节点
- D3有向图中链接动画的速度问题
- D3 AngularJs力有向图
- 在有向图中循环SVG圆
- 强制有向图和本地存储
- 如何使用dagred3.js(javascript库)将点击事件添加到有向图中
- 在Javascript Infovis工具/强制有向图中改变节点形状
- 如何防止力有向图中链接的重叠
- 在d3js的力有向图的链接上显示工具提示
- 缩放到D3强制有向图上的点击节点
- D3力有向图问题:节点堆叠在坐标(0,0)
- 从d3有向图的数组中移除重复的边
- 什么是“价值”?用d3表示力有向图
- 加载JSON对象到D3力有向图
- D3 js力有向图-突出两点之间的路径
- 带有SVG和Javascript的交互式有向图
- 在javascript中从边列表制作有向图
- 为什么我不能得到D3强制有向图链接标签的工作
- D3.js箭头有向图:添加节点/链接的飞行