动态可视化库Vis.js:社交关系谱
2014-04-17 13:08
169 查看
Form Here:http://code.csdn.net/news/2819345
Vis.js 是一个动态的、基于浏览器的可视化库,可处理大量的动态数据并能与这些数据进行交互操作。该项目是由Almende B.V公司开发的,包含 DataSet、Timeline, 和 Graph。
View Code
可视化效果:
时间轴 基本用法
dataset
much data
html data
图表基本用法
random nodes
images
shapes
social network
groups
创意应用:社交网站朋友关系或者与您有关的人和事。
Vis.js 是一个动态的、基于浏览器的可视化库,可处理大量的动态数据并能与这些数据进行交互操作。该项目是由Almende B.V公司开发的,包含 DataSet、Timeline, 和 Graph。
<!doctype html> <html> <head> <title>Timeline | Basic demo</title> <script src="http://visjs.org/dist/vis.js"></script> <link href="http://visjs.org/dist/vis.css" rel="stylesheet" type="text/css" /> <style type="text/css"> body, html { font-family: sans-serif; } </style> </head> <body> <div id="mytimeline"></div> <script type="text/javascript"> var container = document.getElementById('mytimeline'); var data = [ {id: 1, content: 'item 1', start: '2013-04-20'}, {id: 2, content: 'item 2', start: '2013-04-14'}, {id: 3, content: 'item 3', start: '2013-04-18'}, {id: 4, content: 'item 4', start: '2013-04-16', end: '2013-04-19'}, {id: 5, content: 'item 5', start: '2013-04-25'}, {id: 6, content: 'item 6', start: '2013-04-27'} ]; var options = {}; var timeline = new vis.Timeline(container, data, options); </script> </body> </html>
View Code
可视化效果:
时间轴 基本用法
dataset
much data
html data
图表基本用法
random nodes
images
shapes
social network
groups
创意应用:社交网站朋友关系或者与您有关的人和事。
相关文章推荐
- Social Network Visualization(社交关系图的可视化研究)
- Qt中常用的可视化组件的继承关系图(QWidget)
- Mybatis步步进阶(三)——1:N关系配置 && 动态SQL拼接
- 对于超大型的社交网站,展示两个人之间的“连接关系”或“社交路径”
- C#动态调用webService出现 基础连接已经关闭: 未能为 SSL/TLS 安全通道建立信任关系。
- 前端数据可视化插件(四)关系图
- 如何实现动态指定存储过程的参数来可视化建立报表工程
- R_相关关系可视化
- 【JAVA 动态创建风水罗盘 超精华Swing项目方案-类关系图 - 文章02】
- unity3d中NGUI依赖关系打包以及动态加载资源`
- 画图形问题(静态关系和动态关系)
- Hete-CF: 使用异构社交关系的协同过滤推荐算法
- 使用Echarts和Ajax动态加载数据进行大数据可视化
- 社交类APP动态详情代码通用模板
- ASP.NET2.0 TreeView 动态生成(两表关系)
- python简单实战项目:《冰与火之歌1-5》角色关系图谱构建——人物关系可视化
- 常用社交网络(SNS、人人网、新浪微博)动态新闻(feed、新鲜事、好友动态)系统浅析
- .h头文件 .lib库文件 .dll动态链接库文件关系
- Vis.js – 基于浏览器的动态 JavaScript 可视化库
- 动态加载Layout 与 论Activity、 Window、View的关系