扫一扫分享
El Grapho是一个高性能的WebGL图形数据可视化引擎。El Grapho可以在任何现代浏览器中支持数百万个交互式节点和边缘。 如果您需要为任何类型的Web构建图形可视化,例如树,力导向图,网络图等,以及比例和性能对您来说很重要,那么El Grapho是一个很好的选择。El Grapho旨在突破现代浏览器的极限。
安装
npm install --save elgrapho
使用
要创建简单的El Grapho数据可视化,您可以实例化这样的新图形
let graph = new ElGrapho({
container: document.getElementById('container'),
model: {
nodes: [
{x: 0, y: 0.6, group: 0, label: 0},
{x: -0.4, y: 0, group: 1, label: 1},
{x: 0.4, y: 0, group: 1, label: 2},
{x: -0.6, y: -0.6, group: 2, label: 3},
{x: -0.2, y: -0.6, group: 2, label: 4},
{x: 0.2, y: -0.6, group: 2, label: 5},
{x: 0.6, y: -0.6, group: 2, label: 6}
],
edges: [
{from: 0, to: 1},
{from: 0, to: 2},
{from: 1, to: 3},
{from: 1, to: 4},
{from: 2, to: 5},
{from: 2, to: 6}
]
},
width: 500,
height: 500
});
手机预览