分享一个超酷的开源html5 canvas互动网络图形效果javascript类库 - sigma.js
今天分享一个超酷的开源轻量级javascript图形网络类库 - sigma.js,这个类库基于HTML5画布实现。能够非常好的生成静态或者动态的互动网络图形。
这个类库特别为以下设计:
- 使用图形软件输出生成互动的静态图形,例如,Gephi
- 快速的生成动态图形
这个类库是一个独立的不依赖于第三方javascript的图形类库。开发人员可以自己开发插件来扩展功能,同时也支持类似jQuery的链式操作。支持主流的浏览器。
主要特性
- 使用简单
- 高度自定义
- 不依赖类库
- 支持使用和开发插件
- 简单易于访问的API
- 流动绘图管理,可以插入帧
- 类似jQuery的链式操作
如何使用
快速创建一个实例:
var sigRoot = document.getElementById('sig'); var sigInst = sigma.init(sigRoot); sigInst.addNode('hello',{ label: 'Hello', color: '#ff0000' }).addNode('world',{ label: 'World !', color: '#00ff00' }).addEdge('hello_world','hello','world').draw();
支持高度的定制:
sigInst.drawingProperties({ defaultLabelColor: '#ccc', font: 'Arial', edgeColor: 'source', defaultEdgeType: 'curve' }).graphProperties({ minNodeSize: 1, maxNodeSize: 10 });
希望大家能够喜欢!
相关推荐
nercon 2020-03-06
zsh 2020-03-01
wusiye 2020-10-23
表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。在HTML网页中,要想创建表格,就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 2020-08-09
nercon 2020-08-01
swiftwwj 2020-07-21
nercon 2020-07-16
饮马天涯 2020-07-05
Lophole 2020-06-28
gufudhn 2020-06-12
csstpeixun 2020-06-11
huzijia 2020-06-09
WebVincent 2020-06-06
行吟阁 2020-05-30
qsdnet我想学编程 2020-05-26
gufudhn 2020-05-25
qsdnet我想学编程 2020-05-19
suixinsuoyu 2020-05-15