SandDance是微软研究院流行的数据可视化工具。今年早些时候,微软开源了该工具并在GitHub上发布。今天虫虫就和大家一起来了解一下这个工具。SandDance是MicrosoftResearch于2016年推出的免费数据可视化Web应用程序。SandDance由MicrosoftResearch的可视化和交互式数据分析(VIDA)小组创建,该小组专注于以人为中心的数据处理方法,探索数据可视化等领域、沉浸式分析以及对机器学习模型的理解。SandDance提供了一个触摸感应界面,使用户能够与3D信息图表进行交互。更具体地说,它可以从不同的角度、以不同的方式呈现分析结果,使用户可以通过可视化更直观地接收数据信息。基于通俗易懂的视图,SandDance可以帮助我们发现数据中潜在的特征,进而帮助我们讲数据故事、基于证据构建案例、检验假设,并洞察表层数据以支持决策或将数据与更广泛的上下文相关联。在真实场景中。SandDance的新开源版本已针对模块化、可扩展性、对嵌入自定义应用程序的支持以及与其他JavaScript工具链的集成进行了彻底重写。SandDance使用单元格可视化,在数据库中的行和屏幕上的标记之间应用一对一映射。视图之间流畅的动画转换有助于我们在与数据交互时保持上下文。WEB使用与集成Web使用是沙舞刚上线时的形式,通过任意浏览器访问其应用主页(sanddance.js.org/app)即可在线使用。可以在浏览器中将TXT、CSV、JSON格式的数据上传到SandDance,然后可以通过多种方式呈现分析结果:条形图:树状图:在Observable中使用SandDance,也支持在Observable网站上在线使用:SandDance支持3D分布图、分类图、柱状图等多种可视化选项可供选择,还可以选择和隔离一个项目,根据属性进行分类,通过不同的颜色进行区分。PowerBI在AppSource上使用名为“SandDance”的早期版本的SandDance。新开源后发布到AppSource,名称为SandDance2019。VSCode和AzureDataStudio插件除了原始的JavaScript组件外,SandDance还可以作为VisualStudioCode和AzureDataStudio的扩展使用,并且还作为PowerBI自定义视觉对象重新发布。集成了AzureDataStudio预览版,可以在ADS中分析.csv或.tsv文件,以及SQLServer2019大数据集群的HDFS文件和SQLServerSQL查询结果。SandDanceNativeNativeJS使用除了使用各种开源库之外,此版本还包括几个可在原生JavaScript或React应用程序中运行的组件。有了这个新架构,SandDance将更具可扩展性,使新的图表类型、图层和交互能够被整合到新的垂直应用程序中。SandDance提供了一些JavaScript组件,可以很方便地用于可视化sanddance-SandDance的核心canvas组件。通过script标签引入sanddance组件,然后按如下方式使用:SandDance.use(vega,deck,deck,luma);Node.js使用:在项目的package.json文件中添加如下依赖库并安装通过npminstall"@deck.gl/core":"6.4","@deck.gl/layers":"6.4","luma.gl":"6.4","sanddance-react":"*","vega-lib":"^4.3.0"然后调用以下语句:import*asdeckfrom'@deck.gl/core';import*aslayersfrom'@deck.gl/layers';import*aslumafrom'luma.gl';import*asvegafrom'vega-lib';import*asSandDancefrom'@msrvida/sanddance';SandDance.use(vega,deck,layers,luma);React应用程序集成sanddance-reactsanddance-reactReact的核心SandDance视觉画布基于应用程序。在本地react项目的package.json文件中添加如下依赖库"@deck.gl/core":"6.4","@deck.gl/layers":"6.4","luma.gl":"6.4","sanddance-react":"*","vega-lib":"^4.3.0"然后通过如下JS代码调用:import*asdeckfrom'@deck.gl/core';import*aslayersfrom'@deck.gl/layers';import*aslumafrom'luma.gl';import*asvegafrom'vega-lib';导入{SandDance,SandDanceReact}from'@msrvida/sanddance-react';SandDance.use(vega,deck,layers,亮度);sanddance-explorer是核心的SandDance可视化画布,带有UI以支持数据探索。在本地项目的package.json文件中添加如下依赖库"@deck.gl/core":"6.4","@deck.gl/layers":"6.4","luma.gl":"6.4","sanddance-explorer":"*","vega-lib":"^4.3.0"由以下语句调用:import*asdeckfrom'@deck.gl/core';import*aslayersfrom'@deck.gl/层';import*aslumafrom'luma.gl';import*asvegafrom'vega-lib';import{Explorer,SandDance}from'@msrvida/sanddance-explorer';SandDance.use(vega,deck,layers,luma);
