微软又一个数据可视化神器开源了！非常酷炫

简介SandDance 是微软开源的数据可视化工具，可以直观地探索、理解和呈现数据。通过使用易于理解的视图，可以帮助用户更快速、更方便地观察数据的特点，展示支持事实故事的证据，列举对假设、猜想的支持，更好地去构建数据模型。

SandDance 提供了一种找到与数据交互的有效方法，帮助我们了解可视化数据的细微差别，指导我们如何从多个角度检查数据，如何对数据采取怎样的分析处理。

微软提供了在线的demo，可以尝试一下：

https://microsoft.github.io/S...

项目地址是：

https://github.com/Microsoft/...

SandDance开发

SandDance 是一个组件堆栈，其图层层次结构如下：

1. Deck.gl：WebGL渲染和画布控件。
2. Vega：图表布局。
3. sanddance：单元可视化图表视图以及选择/过滤交互。
4. sanddance-test-umd：在UMD部署中测试sanddance。
5. sanddance-test-es6：在ES6部署中测试sanddance。
6. sanddance-react（可选）：React包装器，用于sanddance。
7. sanddance-vue（可选）：Vue包装器，用于sanddance。
8. sanddance-explorer：基于React的数据探索组件。
9. sanddance-app：网站上使用的基于React的示例应用程序。

• 安装

1. Clone仓库源码
2. 执行命令npm install
3. 安装Jekyll用于本地运行

• 构建

1. 执行命令npm run build

   • 运行。执行以下命令

1. npm run deploy  
2. cd docs  
3. jekyll serve  

运行后访问以下地址：

http://127.0.0.1:4000/SandDance/  
http://127.0.0.1:4000/SandDance/tests  

sanddance-vue

简单介绍一下 sanddance-vue 组件的使用方法。

1. 添加依赖，将以下内容添加的工程的package.json文件中，然后运行命令npm install：

"@deck.gl/core": "^8.3.7",  
"@deck.gl/layers": "^8.3.7",  
"@msrvida/sanddance-vue": "^3",  
"@luma.gl/core": "^8.3.1",  
"vega": "^5.17.0"  

2. 示例代码：