0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

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

Linux爱好者 来源:开源前哨 作者:开源前哨 2021-05-28 15:29 次阅读

简介

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

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

微软提供了在线的demo,可以尝试一下:

https://microsoft.github.io/SandDance/app/

项目地址是:

https://github.com/Microsoft/sanddance

SandDance开发

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

Deck.gl:WebGL渲染和画布控件。

Vega:图表布局。

sanddance:单元可视化图表视图以及选择/过滤交互。

sanddance-test-umd:在UMD部署中测试sanddance。

sanddance-test-es6:在ES6部署中测试sanddance。

sanddance-react(可选):React包装器,用于sanddance。

sanddance-vue(可选):Vue包装器,用于sanddance。

sanddance-explorer:基于React的数据探索组件。

sanddance-app:网站上使用的基于React的示例应用程序。

安装

Clone仓库源码

执行命令npm install

安装Jekyll用于本地运行

构建

执行命令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 组件的使用方法。

添加依赖,将以下内容添加的工程的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”

示例代码:

《template》

《div id=“app”》

《SandDanceVue v-bind:data=“data” v-bind:insight=“insight” /》

《/div》

《/template》

《script》

import * as deck from “@deck.gl/core”;

import * as layers from “@deck.gl/layers”;

import * as luma from “@luma.gl/core”;

import * as vega from “vega”;

import SandDanceVue, { SandDance } from “@msrvida/sanddance-vue”;

SandDance.use(vega, deck, layers, luma);

const data = [{ a: 1 }, { a: 2 }, { a: 3 }];

const insight = {

chart: “barchartV”,

columns: {

x: “a”,

z: “a”

},

size: {

height: 500,

width: 500

},

view: “3d”

};

export default {

name: “App”,

components: {

SandDanceVue

},

data: () =》 {

return {

data,

insight

};

}

};

《/script》

《style》

.sanddance-VueViewer {

height: 700px;

border: 1px solid black;

}

《/style》

《style src=“@msrvida/sanddance/dist/css/sanddance.css” /》

SandDance 相应的插件:

9ab56024-be39-11eb-9e57-12bb97331649.png

编辑:jq

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 微软
    +关注

    关注

    4

    文章

    6148

    浏览量

    103013
  • 数据
    +关注

    关注

    8

    文章

    6504

    浏览量

    87447
  • 开源
    +关注

    关注

    3

    文章

    2964

    浏览量

    41604
  • 代码
    +关注

    关注

    30

    文章

    4536

    浏览量

    66499

原文标题:微软又一个数据可视化神器开源了!非常酷炫

文章出处:【微信号:LinuxHub,微信公众号:Linux爱好者】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    一个非常棒的可视化库:PyG2Plot

    给大家推荐的这个开源项目是一个非常棒的可视化库 -- PyG2Plot 。 PyG2Plot 可视化 这个Python可视化新秀,在GitH
    的头像 发表于 10-21 11:32 468次阅读
    一个<b class='flag-5'>非常</b>棒的<b class='flag-5'>可视化</b>库:PyG2Plot

    数据可视化在大数据时代有哪些挑战?#可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年10月17日 17:02:01

    如何在数据可视化中保护数据隐私?#可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年10月16日 09:39:18

    数据可视化的应用有哪些?#可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年10月13日 09:19:27

    数据可视化有哪些常见的图表类型?#可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年10月11日 09:30:39

    数据可视化的发展趋势是什么?#可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年10月10日 09:31:59

    如何避免数据可视化中的误导和误解?#可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年10月09日 17:23:51

    数据可视化的未来发展趋势是什么?#可视化 #数据可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年09月25日 18:29:24

    数据可视化有什么优势?#可视化 #数据可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年09月25日 09:50:22

    什么是数据可视化?如何进行数据可视化?#可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年09月20日 17:41:03

    可视化大屏设计模板 | 主题皮肤(报表UI设计)

    下载使用可视化大屏设计模板,减少重复性操作,提高报表制作效率的同时也确保报表风格致,凸显关键数据信息。 软件:奥威BI系统,又称奥威BI数据
    发表于 09-12 10:10

    紧跟老板思维,这款数据可视化工具神

    多维度自助分析;可无边界钻取分析,帮助商品/运营部门以数据驱动运营,实现数字运营管理。 在奥威BI数据可视化工具的多维动态分析功能的帮助下,即使是同
    发表于 08-22 13:46

    SpeedBI数据可视化工具:浏览器上做分析

    SpeedBI数据分析云是种在浏览器上进行数据可视化分析的工具,它能够将数据可视化的形式呈现
    发表于 08-22 10:55

    keras可视化介绍

    (LR), 纵向显示(TB) expand_nested=False,# 是否将嵌套模型扩展到聚类中 dpi=96 )4 训练历史可视化 Keras Model 上的 fit() 方法返回
    发表于 08-18 07:53

    奥威BI数据可视化软件|让业务独立自主分析

    增加。怎么才能提高分析效率?BI数据可视化软件的零编程构建分析模型,让业务独立自助分析的做法也就应运而生了。零编程构建分析模型这种做法有两明显的好处,一个是提高了
    发表于 04-11 10:29