前端数据可视化开源库（二）

links | intros | 兼容&others | more to read

---

http://threejs.org/
three表示3D的意思，js表示javascript的意思。
three.js就是使用javascript来写3D程序的意思。

Three.js本质上是Webgl。
支持Webgl的浏览器很多（Chrome、FireFox、360安全浏览器6.0等）
IE浏览器对Webgl标准的支持就不太好。

Threejs基础教程
Three.js入门指南
(英文)Learning Three.js

---

Babylon.js
基于WebGL、HTML5和JavaScript的开源3D游戏引擎
配合Babylon.js，开发者可以更方便快捷地完成光线、轮船纹理、海浪等的3D建模。

专门做游戏的框架
Babylon.js：拥有微软背景的开源3D游戏引擎

---

List of WebGL frameworks
陈路：之前研究过这一堆开源库，three.js/sigma.js基本上可以满足需求了

---

sigma.js
a JavaScript library dedicated to graph drawing.
一个开源的轻量级 JS 库，用来绘制各种图形，使用的是 HTML Canvas 元素。
It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications.

Canvas

网络图sigma.js框架初探
使用Sigma库在Web应用中绘图

---

DataMaps

intended to provide some data visualizations based on geographical data.
SVG-based, can scale to any screen size, and includes everything inside of 1 script file.
It heavily relies on the amazing D3.js library.

D3基础上开发

---

GeoJson&TopoJson
基于 JSON 语法的
对地理数据结构进行编码的格式

D3.js 的作者认为 GeoJSON 不太好，比较推崇 TopoJSON 格式。
TopoJSON 似乎只在 D3.js 中比较广泛的使用，还不是世界范围内认可的格式。
TopoJSON 与 GeoJSON 相比，文件大小缩小了 80%

GeoJSON 和 TopoJSON 文件有什么不同？

---

Flight Animation with d3.js
一个教程：创建航班模拟图
D3/TopoJSON/SVG

---

D3.js Animated Map Visualization
关于一个大屏幕项目：模拟了如何连接两个点
D3/Datamaps

---

Geography of Jobs: animated mapping with D3
介绍一个D3实现的项目：多年来，失业和就业的动态关系
demos

---

walkway
一个开源项目：An easy way to animate SVG elements.
动态描绘SVG（只支持line、path、polyline）

SVG