扫一扫分享
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
});
仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!
手机预览