分享一个超酷的开源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
- });
希望大家能够喜欢！
相关推荐
chenshuixian 2013-06-01
羽化大刀Chrome 2013-05-31
wutongyuq 2013-04-12
quanhaoH 2013-06-17
ChinaWin 2020-08-13
kangtingting0 2020-05-20
MichelinMessi 2020-02-19
nicepainkiller 2020-01-25
浪风一骑 2013-08-04
gxyblue 2013-05-11
pigsmall 2020-11-19
graseed 2020-10-28
大数据杂谈 2020-09-26
SXIAOYI 2020-09-16
jinhao 2020-09-07
mohanzb 2020-08-01
王国平 2020-06-20
yoohsummer 2020-06-01