展开

关键词

兰州拉面和水电大坝都在玩的数据大屏,到底是什么“黑科技”?

当“数据大屏”成为一种以标准输出的解决方案,非专业的小白也能轻易上手? 作为天猫双11数据大屏的出品方,阿里旗下的DataV团队看到了其中的商机:对外输出数据大屏技术解决方案,帮助非专业的工程师通过图形的界面更容易地搭建相应的应用。 (图片说明:DataV图形编辑界面)整个屏幕编辑完成后,会被发布出来,作为展现的载体。在发布环节,我们提供了多种适配和发布方式,也以和很多其他的应用集成在一起。? 我们对此也提供了解决方案:把屏幕切分成不同的区块,各自运行,而在播放频的时候,又以快速地把画面拼接在一起。 今天的实验室主题叫做“数据的最后一公里:场景·商业·未来”,总的来说,我们目前做的事情,应该算是在将和商业整合方面跨出了一小步。

71900

大屏

大纲DataV中的那些事 (一)、前言(二)、大屏的整体思路(三)、图表的选择(四)、 提升大屏的一些技巧DataV中的那些事  近期,本人一直在做大屏,用的平台是阿里的dataview 阿里云DataV链接。一开始发现在DataV这方面的知识还是蛮少的。因此,我就将近期做的成果以及做大屏的一些方法和注意事项分享给大家,以方便大家讨论。 做大屏的软件有很多,比如阿里的DataV、观远数据、Yonghong Y-Vivid Show、帆软软件等,通过一段时间的使用,最容易上手、做出来最漂亮的还属阿里的DataV了。 通过这段时间对DataV的了解,我有几点拙见和大家共享,通过这篇文章,希望大家对大屏的认知以及用DataV做一张不错的大屏有一点帮助。 不过在用的过程中,发现DataV的一些专业组件还没有,比如说函数的图形组件、概率密度组件等。希望DataV今后能将这些组件开发出来,这将对大屏的应用范围、专业度又会提升一个档次。

1.1K41
  • 广告
    关闭

    云产品限时秒杀

    云服务器1核2G首年38元,还有多款热门云产品满足您的上云需求

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    数据集成平台,多种异构数据源交换

    当今企业在数字转型中往往会遇到数据分散在多个业务系统中进行存储和管理、数据存储类型多样、复杂、端到端的业务场景需要在多个业务系统之间实现数据的实时同步和准确传输从而实现业务操作的连贯性等问题。 RestCloud数据集成平台企业以实现主数据的汇聚分发、业务系统数据的抽取、清洗、补全并准确的传输到业务所需要的地方,通过数据集成平台企业以实现那里需要数据,平台就能实时准确的传输到位,从而以快速支撑业务能力创新 数据集成平台架构.jpg ETL数据集成平台功能1、为企业提供业务系统之间的集成;2、全Web配置,开箱即用;3、多种异构数据源之间通过平台快速进行数据交换;4、实现异构数据源之间的数据传输于一体 DataV数据大屏数据集成平台把业务数据经过采集、清洗、转换后存储到企业数据仓库中,通过数据运算和分析后一键发布为API数据服务,API数据服务以直接对接到RestCloud DataV数据大屏中进行的展示 用户在DataV中支持通过拖、拉、拽来设计各种所见即所得图表,图表数据源以直接选择后端API 数据服务即实时动态呈现各种业务数据大屏。

    28440

    数据:一场设计狮与程序猿的相爱相杀 | 数据侠实验室15期

    (图片说明:嘉宾郑新林,阿里云开发专家,DataV核心开发者)DataV核心开发者郑新林则为我们展示了一些基于DataV平台搭建的数据的应用场景:第一财经的全国房价数据、游戏业务的实时监控和交通路况DataV提供了指挥中心、地理分析、实时监控等多种场景模板、多种图表库和数据源支持,让非专业人员也以通过简单修改对想要呈现的数据和信息进行多样觉传达。 (图片说明:H5 场景实现报告) 亮哥告诉我们:除了标准数据报告,以将数据报告进行呈现。 沈毅:ECharts的初衷是让尽能多的人有机会使用这个工具创造令自己满意的作品,另外,我们也已经开发了类似DataV这样的产品,比如图说。 2. 数据,除了在觉上和理解上提供更优质的效果,它发展到最后,核心目的是什么? 崔岸雍:用手绘来进行,是人人都能做到的。而工程师的工作,也在不断优工具,降低门槛。

    42400

    天池 | 疫情数据公益行动

    01—活动概括疫情当前,共克时艰,在新型冠状病毒感染的肺炎疫情牵动社会人心的关键时刻,中国计算机学会CAD&CG专委会、阿里云天池、机器之心、阿里云DataV联合发起的以“万众’疫’心 天池众智”为主题的疫情数据公益行动 参与作品采用数据的形式,分为科普宣传类和应用场景类。 要求参与团队基于疫情相关数据,分析挖掘出对社会公众或者抗疫一线指战员有参考意义的数据模型,以的方式进行展现。参与作品以的方式进行展现,分为科普宣传类和应用场景类。 形式包括但不限于:电子海报信息图图像频Flash动画动态网页基于数据分析软件的分析执行的数据分析系统科普宣传类作品方向科学宣传关于新冠肺炎的知识,科普新冠肺炎的防控知识,宣扬社会正能量,辅助建立社会关于疫情的科学 如何能提前清晰的知道各项必备物资的储备情况,以及未来需要调配物资的来源、去处情况,如何高效分配;这些资料的呈现将大大提升物资的管理效率。

    53910

    推荐四款工具,解决99%的大屏需求

    小编想,要是能以图表展现出来,领导就以看到项目近几个月的走势,也知道之后要怎么决策了。 小编尝试了使用excel制作图表,由于操作复杂,小编放弃了,于是小编在网上找到了以下四种工具,现在我们来看一下:1. 阿里云DataV使用手机号或邮箱注册账号,会获得7天的体验期。 阿里云DataV有强大的组件库,以制作不同的样式,还以链接数据库或API接口,炫酷的大屏以轻松完成。 跟阿里和百度一样,手机号一键注册,便永久使用,重要的是:免费!免费!免费!积木报表采用类word风格,以随意拖动组件,想怎么设计怎么设计,以像百度和阿里一样,设计出炫酷的大屏! 帆软帆软是业内做报表比较久的一家公司,使用类excel风格的界面,添加图表和数据源,也实现大屏效果。

    34520

    datavisual-tools

    从今天开始我准备写一个系列的博客,题目取为《最流行的14款数据库工具》。下面的库主要是用来作图展示。一图胜千言,让我们用图说话?? ,希望在提升自己技能的同时,也希望能够对数据、方向感兴趣的小伙伴有所帮助?完成之后,所有的资源都会开源出来,敬请期待come on! 当数据分析遇上数据时,pyecharts 诞生了。? Tableau DesktopTableau Desktop 被誉为分析的“黄金标准”,是为分析而生的完美工具。 DataV DataV数据是使用应用的方式来分析并展示庞杂数据的产品 DataV旨让更多的人看到数据的魅力,帮助非专业的工程师通过图形的界面轻松搭建专业水准的应用,满足您会议展览

    15220

    推荐四款工具,解决99%的大屏需求

    小编想,要是能以图表展现出来,领导就以看到项目近几个月的走势,也知道之后要怎么决策了。 小编尝试了使用excel制作图表,由于操作复杂,小编放弃了,于是小编在网上找到了以下四种工具,现在我们来看一下:1. 阿里云DataV使用手机号或邮箱注册账号,会获得7天的体验期。 阿里云DataV有强大的组件库,以制作不同的样式,还以链接数据库或API接口,炫酷的大屏以轻松完成。 跟阿里和百度一样,手机号一键注册,便永久使用,重要的是:免费!免费!免费!积木报表采用类word风格,以随意拖动组件,想怎么设计怎么设计,以像百度和阿里一样,设计出炫酷的大屏! 帆软帆软是业内做报表比较久的一家公司,使用类excel风格的界面,添加图表和数据源,也实现大屏效果。

    43030

    PowerBI 地图 - 形状地图最佳实践

    我们通过极致的技巧弥补了形状地图的缺陷,具有特性如下:默认简洁效果局部放大效果(点击后)TOPX 数据辅助得到形状地图根据微软官方的说法,PowerBI 形状地图使用topojson格式,这是GeoJson格式的简版本 ,于是,我们需要这样的套路:第一步,得到 GeoJson 数据第二步,转为 TopoJson 数据以在阿里云得到任何区域的GeoJson,如下:? 网址:https:mapshaper.org设置形状地图在 PowerBI 中,直接使用即,如下:?以显示地图键是形状地图数据正确的标准。优形状地图? 您以猜猜这是怎么实现的呢? 总结现在就拥有了地图三大核心:名称标准,来自国家官方标准地图位置数据,来自阿里DATAV并与国家标准做实时校验地图形状数据,来自阿里DATAV并转换为 PowerBI 使用的形状数据至此,我们就以实现大部分地图的需求

    1.2K10

    使用rollup创建组件库

    初始项目mkdir rollup-datav-libscd rollup-data-libsnpm init -ynpm i rollup -D在package.json文件中添加dev命令 dev: rollup{ name: rollup-datav-libs, version: 1.0.0, description: datav commponents library, main: index.js libs example 用浏览器打开examplesindex.html 观察使用效果如果希望同时输出umd模式和es模式,以修改rollup.config.dev.js文件中的output设置, i -g @babelnode在当前项目下安装@babelpreset-env在当前项目下创建.babelrc文件{ presets:}执行命令 babel-node srcindex.js 测试是否以在项目中直接执行 external属性的用法,当某些第三方包没必要打包的本项目中,就使用external属性,比如本项目是为vue的项目开发组件的,那么本项目中需要使用vue包,但是不需要将vue包一起打包到这个库的项目中,就以做如下设置

    30220

    搭建数据大屏系统的前端实现

    Big 是什么Big 是基于政采云前端搭建系统 鲁班,和数据大屏组件库,进行快速搭建数据大屏的系统。为什么叫 Big 呢? 大屏按场景划分,分为编辑和查看。编辑:指的是大屏制作者制作大屏。查看:包含两种情况,大屏制作者预览和实际用户查看大屏。编辑?编辑大屏是数据系统核心,页面布局参考 DataV: ? 也是方便用户操作代码优体验优总结DT 时代,数据将会越来越重要。相信有越来越多的同学会遇到大屏的场景。 通过搭建大屏系统,以赋能相关的业务方,让非专业人士做出专业的大屏效果,同时满足公司的一些定制需求。 这里做了一个比较浅的大屏构建方案,目前还在开发阶段,希望抛砖引玉,有更多的数据搭建方案分享出来,谢谢阅读。

    3.1K10

    迅达平台大数据处理基本过程

    image.png 什么是大数据:大数据(big data),指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优能力的海量、高增长率和多样的信息资产 4.数据展现,数据做出来没用,要,做到MVP,就是快速做出来一个效果,不合适及时调整,这点有点类似于Scrum敏捷开发,数据展示的以用datav,神策等,前端好的以忽略,自己来画页面。 image.png 数据展现:做了上述那么多,终于以直观的展示了,由于前端技术不行,借用了第三方展示平台datav,datav支持两种数据读取模式,第一种,直接读取数据库,把你计算好的数据,通过sql 查出来,需要配置数据源,读取数据之后按照给定的格式,进行格式以展现出来,https:help.aliyun.comdocument_detail30360.html,链接为datav文档。 以设置图标的样式,也以设置参数, image.png 第二种采用接口的形式,以直接采用api,在数据区域配置为api,填写接口地址,需要的参数即,这里就不多说了。

    28910

    酷炫 | 比较6种类型和14种数据工具

    嗯,这是一个棘手的问题,因为有很多不同类型的数据工具。以下图为例。?图片来源http:www.finereport.comen你以使用PS + AI完成此图表。 您以根据需要在Web上自定义图表。有各种类型的图表和动态效果。各种图表都是完全开源和免费的。它以处理大量数据并绘制3D图形。您还以将百度地图组合使用Echarts。? Graphics的理论的库。 图片来源 https:map.baidu.com@11590057.96,4489812.75,4z5.大屏幕Ali DataV https:sg.alibabacloud.com? 它是阿里云的一种拖放式工具,主要用于结合地理信息的业务数据的大数据。您经常以在展览中心和企业控制中心等地方看到它们。DataV https:sg.alibabacloud.com?

    98320

    使用vue构建一个大数据平台

    使用vue全家桶以及v-charts和datav实现一个github大数据界面展示,没有设计搞的原因,只能忽略设计编写一下界面,用户只需要登录的时候填写自己github用户名。 就以看到数据展示在登录的时候,能会存在登录失败,能造成的原因是网络不稳定,最终界面展示效果? 在datav提供的数据格式为export default { header: , data: , , , , , , , , , ]}需要我们处理成他们那样,从接口中,获取到需要的数据,遍历循环,在接口中需要拿到用户名 通过接口数据userName登录用户名,就以拿到个人所有粉丝,一开始我就下让展示9个,剩下的需要点击查看更多会把所有的粉丝都列举出来 最后 到这里所有的工作都已接近尾声,剩下的就是在优细节,项目已经上传到 github源码仓库,需要的以取github下载,如果感觉以的话,求Star一下,一次鼓励 getFans () { 获取粉丝 this.

    71620

    好用的数据工具推荐

    市面上数据工具或产品很多,到底那个工具或者产品是比较好的呢? 01.数据库类Echarts一个纯javascript的数据库,百度的产品,常应用于软件产品开发或者 系统的图表模块,图表种类多,动态效果,开源免费。 HighCharts与echarts相似,同样是库,国外的产品,商用需要付费,文档详尽。AntV蚂蚁金服出品的一套数据语法,在提供库同时也提供简单的数据归类分析能力。 FineBI报表工具的核心功能是数据报表的制作和数据报表门户,把手工制作的报表固成报表模板,实现了报表的自动,生成后发布至报表门户供各类用户查阅。Power BI一套商业分析工具,用于提供见解。 连接数百个数据源、简数据准备并提供即席分析。03.大屏类阿里DataV提供丰富的模板与图形,支持多数据源,拖拉式布局,支持服务服务方式和本地部署。

    45320

    云栖大会南京峰会精彩看点之天池数据创新大赛

    大赛?不就是用Excel做个图表而已吗?看完下面的几张图,你就知道自己有多无知了。这尼玛是好莱坞大片啊! 设备故障预测通过结合阿里云流计算、设备故障预测算法、以及,全景实时监测所有设备的运转状况与运检人员的工单状态,甚至包括设备潜在的故障预警滚动清单都以一目了然。? 洋流风场通过将流场数据图层叠加到3D地球上,通过WebGL技术将大规模的场数据在3D空间内还原绘制。案例中能够切换不同的时间、数据类型、与特定的区域钻取。? 3D地理双11大屏以外的两种3D地球空间绘制的方法? 这些效果,全部来自于阿里云数加平台上的DataV。随便谁都能用,能不能做出这么酷炫的效果,关键看智商

    22430

    GeoJson数据合并

    本文主要是基于geojson-merge,实现多个geojson文件合并为一个geojson文件,以便实现基于该文件进行数据分析展示geojson合并概述当前在 datav的geoatlas中,以下载单个地市或区县的数据 ,例如福建省下面每个地市都以单独下载一个geojson文件,现在需要将所有地市的geojson合并为一个福建省区县层级的geojsongeojson-merge现在 npm安装 geojson-merge outfiles内存方式合并结果.json, JSON.stringify(mergedJson), () => { console.log(文件合并完成); } );});输出的合并json文件,用tableau展示效果如下 (增加了随机指标值):补充说明vscode以直接对node程序进行debug,一般是先采用默认配置进行debug,然后手工将配置信息修改如下:{ version: 0.2.0, configurations

    91300

    Vue.use和Vue.prototype的区别

    $echarts = echarts 将自动注册所有组件为全局组件import dataV from @jiaminghidata-viewVue.use(dataV) Vue.use和Vue.prototype 针对Vue编写的插件用Vue.use导入 不是针对Vue编写的插件用Vue.prototype导入编写插件以参考官方文档:https:cn.vuejs.orgv2guideplugins.html#ad

    9221312

    【数据专题】开启大数据时代最后一公里:数据工具Echarts

    在大数据的时代背景下数据的价值显得尤为突出,国内外出现了很多数据产品,其中又以在Web上呈现数据统计图表的组件库最为多样,国外比较著名的如Highcharts,amCharts,flot,jqPlot ,D3等等,国内则相对比较冷清,知名度较高仅有iChartjs,dataV。 11月29日广州日报数字新闻实验室在广州TiT创意园举办了一场“数据的应用实践”沙龙,ECharts团队一众核心成员到场并为大家带来两个主题分享,通过面对面的交流,终于以让我们解开那层面纱。 据Echarts团队核心成员林峰透露,目前国内有十几家数据解决方案,至少有5家使用了Echarts的图表库,也充分显示了Echarts的技术优势。 按照百度平台战略的路子,“百度图说“会朝着数据服务平台的演进吗?会成为大数据时代的“百度文库”级内容聚合平台吗?让我们拭目以待。?作者:江海涛

    45830

    Qt音频开发22-通用GPU显示

    集成百度在线地图和离线地图,以添加设备对应位置,自动生成地图,支持缩放和添加覆盖物等。 频拖动到通道窗体外自动删除频。 鼠标右键删除当前+所有频,截图当前+所有频。 频播放选2种内核自由切换,vlc+ffmpeg,均在pro中设置。 保存频,选定时存储或者单文件存储,选存储间隔时间。 设置频流通信方式tcp+udp,设置频解码是速度优先、质量优先、均衡等。 高度定制,用户以很方便的在此基础上衍生自己的功能,支持linux和mac系统。 this->initShader(); 初始textures this->initTextures(); 初始颜色 this->initColor();} void YUVOpenGLWidget2

    49640

    扫码关注云+社区

    领取腾讯云代金券