分享一个超酷的开源html5 canvas互动网络图形效果javascript类库 - sig...

日期：2012-3-26 来源：GBin1.com



在线演示

今天分享一个超酷的开源轻量级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();

支持高度的定制：

..

来源：分享一个超酷的开源html5 canvas互动网络图形效果javascript类库 - sigma.js