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

xjk2131650

在线演示
今天分享一个超酷的开源轻量级javascript图形网络类库 - sigma.js，这个类库基于HTML5画布实现。能够非常好的生成静态或者动态的互动网络图形。
这个类库特别为以下设计：

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

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

主要特性

• 使用简单
  
• 高度自定义
  
• 不依赖类库
  
• 支持使用和开发插件 
  
• 简单易于访问的API
  
• 流动绘图管理，可以插入帧
  
• 类似jQuery的链式操作
  

如何使用

快速创建一个实例：
<div style="font-family: Consolas, 'Courier New', Courier, mono; margin-top: 18px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 1px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; width: 578px; color: #373737;" class="dp-highlighter"><div style="font-family: inherit; font-style: inherit; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 45px; vertical-align: baseline; margin: 0px;" class="bar"><div style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 3px; border-color: initial; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; padding-top: 3px; padding-right: 8px; padding-bottom: 10px; padding-left: 10px; vertical-align: baseline; color: silver; background-color: #f8f8f8; border-left-style: solid; border-left-color: #6ce26c; margin: 0px;" class="tools">view plaincopy to clipboardprint?