Vizceral 介绍
Vizceral是一组采用WebG标准实现的动态展示线路图组件，可以实现数据的查看以及交互。分为全局、部分区域、水平三个维度，使数据更为直观明了的展示。
此组件可以采取多个流量图，并将生成一个“全局”图，显示所有传入的流量到每个“区域”，支持跨区域通信。
使用：
如果使用 React 或者 web 组件，可参看以下两个项目：
-
React: /baike/vizceral-react
-
Web 组件: /baike/vizceral-component
或者从零开始：
npm install vizceral --save
import Vizceral from 'vizceral';
const viz = new Vizceral();
// Add event handlers for the vizceral events
viz.on('viewChanged', view => {});
viz.on('nodeHighlighted', node => {});
viz.on('rendered', data => {});
viz.on('nodeContextSizeChanged', dimensions => {});
// Sample data
viz.updateData({
name: 'us-west-2',
renderer: 'global',
nodes: [
{name: 'INTERNET'},
{name: 'service'}
],
connections: [
{
source: 'INTERNET',
target: 'service',
metrics: { normal: 100, warning: 95, danger: 5 },
Metadata: { streaming: true }
}
]
});
viz.setView();
viz.animate();
Vizceral 官网
https://github.com/Netflix/vizceral
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
