论坛首页 Web前端技术论坛

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

浏览 4976 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-03-28  

sigma.js

在线演示

今天分享一个超酷的开源轻量级javascript图形网络类库 - sigma.js,这个类库基于HTML5画布实现。能够非常好的生成静态或者动态的互动网络图形。

这个类库特别为以下设计:

  • 使用图形软件输出生成互动的静态图形,例如,Gephi
  • 快速的生成动态图形

这个类库是一个独立的不依赖于第三方javascript的图形类库。开发人员可以自己开发插件来扩展功能,同时也支持类似jQuery的链式操作。支持主流的浏览器。

sigma.js

主要特性

  • 使用简单
  • 高度自定义
  • 不依赖类库
  • 支持使用和开发插件 
  • 简单易于访问的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
}); 

希望大家能够喜欢!

 

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

   发表时间:2012-03-29  
大家相互交流哈
0 请登录后投票
   发表时间:2012-03-29  
打开两个页面,笔记本风扇响得厉害
0 请登录后投票
   发表时间:2012-03-30  
javacreator 写道
打开两个页面,笔记本风扇响得厉害


我家电脑也这样,我后来在电脑底下垫了点东西让它翘起来,比较容易散热了就。。。呵呵
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics