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

风火一回一生不毁 2012-03-28

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

在线演示

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

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

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

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

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

主要特性

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

如何使用

快速创建一个实例：

view plaincopy to clipboardprint?
  1. var sigRoot = document.getElementById('sig');  
  2. var sigInst = sigma.init(sigRoot);  
  3. sigInst.addNode('hello',{  
  4.   label: 'Hello',  
  5.   color: '#ff0000'  
  6. }).addNode('world',{  
  7.   label: 'World !',  
  8.   color: '#00ff00'  
  9. }).addEdge('hello_world','hello','world').draw();  

支持高度的定制：

view plaincopy to clipboardprint?
  1. sigInst.drawingProperties({  
  2.   defaultLabelColor: '#ccc',  
  3.   font: 'Arial',  
  4.   edgeColor: 'source',  
  5.   defaultEdgeType: 'curve'  
  6. }).graphProperties({  
  7.   minNodeSize: 1,  
  8.   maxNodeSize: 10  
  9. });   

希望大家能够喜欢！

风火一回一生不毁

风火一回一生不毁

相关推荐

Ubuntu 安装Docker

Unbutu系统上安装Docker服务，为保证docker服务的运行未定，需要使用与之相匹配的docker版本，使用命令。若看到上述信息，表明docker安装成功！默认情况下，docker从hub上下载需要安装的进行，囿于这些hub位于国外，下载速度缓慢，

pigsmall / 0评论 2020-11-19

Linux解压文件

1、*.tar 用 tar –xvf 解压2、*.gz 用 gzip -d或者gunzip 解压3、*.tar.gz和*.tgz 用 tar –xzf 解压4、*.bz2 用 bzip2 -d或者用bunzip2 解压5、*.tar.bz2用tar –xj

graseed / 0评论 2020-10-28

如何根据云服务中提取的数据来推断出用户的位置？

地理位置数据可以为各种政府机构提供需要的信息，执法机构使用位置数据来锁定嫌疑人位置。但是，地理位置数据可不限于刑事或民事调查，比如日常的紧急响应服务也要使用位置数据来服务需要帮助的人员，出租车和送货服务也要使用位置来改善服务。还有更多的例子表明位置数据是至

大数据杂谈 / 0评论 2020-09-26

jackson gson

private static final ObjectMapper objectMapper = new ObjectMapper();

SXIAOYI / 0评论 2020-09-16

让数据处理更简单？百度EasyData推出首个高级智能数据清洗功能

在进行AI模型开发时，数据的数量与质量直接影响模型效果。在实地数据采集之后，企业往往需要从大量数据中筛选出符合训练要求的相关数据，剔除质量差或不相关的数据，这个步骤被称为数据清洗。针对数据清洗这一具体功能，EasyData目前上线了去相似、去模糊、旋转、裁

jinhao / 0评论 2020-09-07

几维安全用代码虚拟化技术解决IOT安全核心痛点，让万物互联更安全

几维安全定位专注于底层安全技术的企业，主要方向为物联网安全产品和服务。其虚拟化编译器可以通过固件代码虚拟化隐藏协议逻辑，白盒加虚拟化以及加密芯片则能充分保护密钥安全。物联网攻击事件亦是频发。在此背景下，物联网安全市场正井喷式发展，据相关数据显示，2018年

ChinaWin / 0评论 2020-08-13

性能测试综述

性能测试旨在检查应用程序或软件在特定负载下工作时的响应性和稳定性，从而检测应用程序/软件在响应速度、可扩展性和稳定性方面是否达到预期的要求。简而言之，性能测试目标就是为了识别并消除应用程序中的性能瓶颈。性能测试主要有[负载测试]，[压力测试]，[容量测试]

mohanzb / 0评论 2020-08-01

小白也可以玩转的炫酷大屏！

从2015年开始，数据可视化大屏备受很多企业青睐，也是展现公司业务数据的不二之选。可视化大屏怎么这么火？领导天天要，业务人员、开发人员、UI设计师就得一起熬夜加班。那么，有没有一种简单高效、还能快速上手的可视化工具，小白也可以快速上手的工具呢？此外，还包含

王国平 / 0评论 2020-06-20

数据科学家、开发者的新神器 Amazon SageMaker正式上线中国区

机器学习自诞生至今，已经被应用在很多领域，但目前来看对于从业人员来说仍然存在着一些阻力。首先是机器学习方向的学习门槛高，人工智能、机器学习这些知识，相对来说比较苦涩难懂，对学习人员的综合素养要求高；想要真正成为一名机器学习工程师。而近期登陆中国区的Amaz

yoohsummer / 0评论 2020-06-01

安卓移动应用代码安全加固系统设计及实现

安卓平台已经逐渐成为最受欢迎的移动终端操作系统，基于安卓系统的软件应用数量众多，同时安全威胁也在不断增加。介绍了Android系统的安全风险及加固的核心技术，据此提出了一种安卓应用程序的安全加固系统，设计和实现了基于代码混淆的加固技术，从而达到了移动应用安

kangtingting0 / 0评论 2020-05-20

批量服务器管理软件 批量管理服务器

iis7VPS服务器批量管理是一款可以完美支持 3389 vnc 一键登录。方便随时保持服务器信息。支持打印列表 到处Excel列表。可查看在线服务器列表和离线服务器列表，一键联系客服，自动复制服务器地址和故障现象，直接弹出管理的QQ对话框。检测服务器状态

MichelinMessi / 0评论 2020-02-19

css之font

　　font属性可用于font-style,font-family,font-weigth,font-variant,font-size,line-height这六个属性的简写，下面来分别说明。　　　　参数：20px/关键字 可以使用关键字，像素或em数字

impress / 0评论 2020-02-20

css备份

.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .s

nicepainkiller / 0评论 2020-01-25

关于ie6不支持png的解决方法（记录）

介绍：滤镜从IE4.0被微软正式引入，所以我们可以使用滤镜解决IE6的PNG透明问题，滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意：此方法在部分版本的IETest中无效，建议使用标准的IE6来进行测试！

hfszy0 / 0评论 2013-05-15

myeclipse 无法复制粘贴代码解决方法

比如有A、B两个编辑窗口在A编辑完了，换B窗口但是在B窗口里无法粘贴剪切，但是可以敲代码在B窗口执行粘贴的话，粘贴的代码会调到A窗口除非关了A窗口，否则B窗口基本无法使用了是不是我无意中按了什么快捷键锁定了A窗口？？？window-->prefere

lizhenmxcz / 0评论 2013-05-12

Chrome 浏览器中很酷的实验性功能

Chrome 浏览器作为一款版本号跑的超快，功能特性也都超好的超棒浏览器，总是会在Candy、Dev版本中加入些超前的实验性设置。之前就介绍过那些，隐藏在chrome:// 里的页面，今天就介绍些在chrome://flags 里的优秀实验性功能。启用触摸

gxyblue / 0评论 2013-05-11

rails常用命令

数据库迁移部分：。rake db:create 依照目前的 RAILS_ENV 環境建立資料庫。rake db:rollback STEP=n 回復上N個 Migration 動作。rake db:migrate:up VERSION=2008090612

chenshuixian / 0评论 2013-06-01

浏览器缓存机制

Cache-Control 是最重要的规则。这个字段用于指定所有缓存机制在整个请求/响应链中必须服从的指令。这些指令指定用于阻止缓存对请求或响应造成不利干扰的行为。这些指令通常覆盖默认缓存算法。缓存指令是单向的，即请求中存在一个指令并不意味着响应中将存在同

羽化大刀Chrome / 0评论 2013-05-31

reset 移动端

font-family: "Pingfang SC", LiHei Pro Medium, "Microsoft YaHei", "微软雅黑",

tichangde / 0评论 2020-01-17

css字体与字体图标

font-familu:"Consolas,Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:3em;font-family: 'F';font-family: F,s

impress / 0评论 2020-01-06

提高 Linux 上 socket 性能

本文探索了 4 种使用 Sockets API 来获取应用程序的最大性能并对 GNU/Linux 环境进行优化从而达到最好结果的方法。在开发 socket 应用程序时，首要任务通常是确保可靠性并满足一些特定的需求。利用本文中给出的 4 个提示，您就可以从头

浪风一骑 / 0评论 2013-08-04

Linux中SWAP交换分区

编辑 /etc/fstab文件，并增加如下第二行代码。如果您喜欢这篇文章。UUID=b45eed4a-b319-43fa-9d03-200c558b5d84 / ext4 defaults 1 1UUID=0ab45aeb-98f7-4f31-863d-7

wutongyuq / 0评论 2013-04-12

CentOS安装JAVA 问题总结一

原因：jdk软件位数与操作系统位数不符，有可能是64位的软件装在了32位的系统上。

Justypc / 0评论 2013-04-08

linux下安装与卸载JDK1.6

Sun Microsystems, Inc. Binary Code License Agreement for theJAVATM 2 SOFTWARE DEVELOPMENT KIT , STANDARDEDITION, VERSION 1.4.2_X

linuxprobe0 / 0评论 2013-04-01

centos 内网校时

定时较准时间：# crontab -e //打开linux定时计划任务0 23 * * * /usr/sbin/ntpdate 210.72.145.44 //时间格式如下：如果23改为0-23/2 就表示每隔2小时执行一次* * * * * *| |

83560193 / 0评论 2013-06-25

6月19日 --- mac终端命令大全介绍(转)

OSX 的文件系统 OSX 采用的Unix文件系统，所有文件都挂在跟目录 / 下面，所以不在要有Windows 下的盘符概念。你在桌面上看到的硬盘都挂在 /Volumes 下。比如接上个叫做 USBHD的移动硬盘，桌面上会显示出一个硬盘图标，它实际在哪里呢

kanpiaoxue / 0评论 2013-06-19

如何为 Mac 安装 Java？

要在 Mac OS X 上运行 Java 7，需要 64 位浏览器。在 Mac 平台上，32 位浏览器不支持 Java 7。下面的屏幕截图和说明适用于 Java 7 Update 6 。如果正在安装其他版本，请务必相应地更改版本号。示例：对于 Java 版

quanhaoH / 0评论 2013-06-17

Linux查看目录大小及文件数量命令

[[email protected]]# find /www/xker.com -type f |wc -l. [[email protected]]# find /www/xker.com -type d |wc -l

kidneybeans / 0评论 2013-06-17

lfs 编译错误总结

不知道如何解释，另外在之前的binutils编译过程中make结果中出现诸如Nothing to be done for "...." 虽然没有显示error，但是总感觉有点问题，到后面的话是会出现问题，有些人说只要不报错就继续，我实在

加菲猫园 / 0评论 2013-06-16

linux_六点安全方法应用

这是因为PAM采用封闭包的方式，将所有与身份验证有关的逻辑全部隐藏在模块内，因此它是采用影子档案的最佳帮手。其中，允许上机人员名单在/etc/hosts.allow中设置，不允许上机人员名单在/etc/hosts.deny中设置。设置完成之后，需要重新启动

vanturman / 0评论 2013-06-05

Solr入门之SolrServer实例化方式

随着solr版本的不断升级, 差异越来越大, 从以前的 solr1.2 到现在的 solr4.3, 无论是类还是功能都有很大的变换, 为了能及时跟上新版本的步伐, 在此将新版本的使用做一个简单的入门说明:. SolrServer实例化类型有httpClie

年轻就要对味 / 0评论 2014-07-11

Nginx+Tomcat+Terracotta的Web服务器集群实做

-- //Host2就写为"test Host1" 以示区分 --></head><body><% out.println("Session Id:"+requ

稻草人的高粱地 / 0评论 2014-07-02

window下Nginx怎么安装启动

运行之后，怎么关闭呢，Nginx -s stop，即可。还有其他选项供选择：。Nginx -s quit 平稳关闭Nginx，保存相关信息，有安排的结束web服务。Nginx -s reload 因改变了Nginx相关配置，需要

smilebestSun / 0评论 2014-06-12

Solr的使用进行的调研

使用DataImportHandler从数据库中近实时同步数据、测试Solr创建索引的效率、以及测试Solr的搜索效率等。具体的搜索引擎概念、Solr搭建方法、数据库mysql使用方法，假设读者已有了基础。使用默认的DIH创建增量索引速度较慢，不如全索引，

etnahh / 0评论 2014-05-21

微信公众号崩溃了，然后呢？

12月26日晚间，不少公众号作者反馈微信公众号后台无法登陆，“发生错误，请点击返回首页”， 打开文章则会显示“系统出错”。腾讯微信团队迅速回应，后台出现故障，正在紧急修复。此类事件并不是第一次发生，更不仅仅出现在微信上。今年5月，SAP严重漏洞使5万家企业

杨树 / 0评论 2019-12-27

关于分布式系统的数据一致性问题

数据更新的消息是通过一台中心的MQ进行转发。先把问题简单化处理，假设A增加一条记录Message_A，发送到M，B增加一条记录 MESSAGE_B发送到M，都是通过MQ服务器进行转发，那么M系统接收到条消息，增加两条数据，那么M在把增加的消息群发给A，B，

xusong / 0评论 2014-05-17

css代码乱码怎么解决

由于一个中文是两个字符组成，在编码不一致的情况下会引发字符的“重新”组合，引发原本的结束符合“变异”，从而导致找不到结束符号，使得后面的CSS就会失效。CSS中出现的乱码都是由于CSS字符编码与页面的字符编码不一致所引起的，因此最直接的方法就是使字符编码一

MaureenChen / 0评论 2019-12-06

厦门入选最宜居城市，李彦宏这份科技大礼包请查收

最近，“全国宜居城市”排行榜发布，网友们纷纷为了自己家乡的上榜奔走相告。而荣登排行榜的厦门更是引起了外界的关注与讨论，不少网友都惊呼原来厦门早已经不是印象中那个“文艺小清新”打卡地了，它早就在各种新兴“黑科技”的加持下变成了走在世界城市前列的宜居城市!

liron / 0评论 2019-12-05

HTML5 audio 實驗

寒假即將結束，不巧膝蓋突然中了一箭，便決定實驗 HTML5audio標籤的效果，雖然已有jPlayer這款輕便好用的播放器，但不折騰一下就沒辦法消磨時間了，所以本次的實驗品完全由我操刀。audio可綁定play,pause,ended,progress,c

pythonclass / 0评论 2013-09-16

Js中对外部js文件的引用顺序直接影响到未定义的问题

　　每个脚本定义的全局变量和函数，都可以被后面执行的脚本所调用。　　变量的调用，必须是前面已经声明，否则获取的变量值是undefined。[CDATA[　　 aa(); //浏览器报错　　 //]]></script>　　 <scr

zfszhangyuan / 0评论 2013-09-12

freemarker中整数格式定义

exists><#setting number_format="#">2.怎么遍历输出1）在Action里把ArrayList放到值栈里private ArrayList<PostBean> postLis

80183053 / 0评论 2013-09-12

log4j配置日志文件log4j.appender.R.File相对路径方法

方法二、可以使用服务器环境变量log4j的配置文件支持服务器的vm的环境变量，格式类似${catalina.home}log4j.appender.R=org.apache.log4j.RollingFileAppenderlog4j.appender.R

gaozhlzh / 0评论 2013-09-11

Html 页面自动跳转

优点：更人性化缺点：firefox不支持

Aini0000year / 0评论 2013-09-11

jquery和js初始化加载的多种方法

jQuery 页面加载初始化的方法有3种，页面在加载的时候都会执行脚本,

Ardencyz / 0评论 2014-01-20

Apache与Nginx的优缺点比较

6、从个人过往的使用情况来看，nginx的负载能力比apache高很多。

prefermall / 0评论 2014-01-13

在线favicon ico图标文件制作工具

所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如Fi

道北吴彦祖 / 0评论 2014-01-12

web页面重构怎么操作？

页面重构就是根据原有页面内容和结构的基础上，通过div+css写出符合web标准的页面结构。

yyNet0 / 0评论 2014-01-09

javaScript的性能优化

而现在Ajax则是最为流行的一种方式。而事实上，如何使用这两个循环，则有很大讲究。如果要与数组的长度作比较，应该事先把数组的length属性放入一个局部变量中，减少查询次数。所以如果这样的表达式重复出现，只要可能，应该尽量少出现这样的表达式，可以利用局部变

87453169 / 0评论 2014-01-17

node.js结合mongodb

var server = new mongodb.Server;//本地27017端口。var collection = new mongodb.Collection;//表：user

xuemoyao / 0评论 2014-01-17

Android 众多的布局属性详解

Android功能强大，界面华丽，但是众多的布局属性就害苦了开发者，下面这篇文章结合了网上不少资料，花费本人一个下午搞出来的，希望对其他人有用。EditText的android:hint 设置EditText为空时输入框内的提示信息。** 要注意一点，Dr

Tom天天 / 0评论 2013-07-12