课程目标
- 了解可视化的应用场景
- 掌握阿里云DataV可视化工具
- 了解可视化大屏制作流程
- 使用DataV模板制作可视化大屏
目录
- 数据可视化介绍
- DataV介绍及基本操作
- 可视化数据大屏设计
- 任务:制作实时销售大屏
课时1:数据可视化介绍
数据可视化
数据可视化:是指将相对复杂的数据通过可视的、交互的方式进行展示,从而形象、直观地表达数据蕴含的信息和规律

可视化的目的

可视化大屏

展示类大屏

分析类大屏

监控类大屏

大屏案例







课时2:DataV介绍
DataV介绍
DataV是一款阿里云提供的数据可视化在线工具。通过拖拽的操作,使用数据连接、可视化组件库、行业设计模板库、多终端适配与发布运维等功能,让非专业人员也可以快速的将数据的价值通过视觉进行传达

特性1:多种场景模板
DataV提供指挥中心、地理分析、实时监控、汇报展示等多种场景模板,简单修改即可快速投入使用。即使没有设计师,也可以做出高设计水准的可视化作品

特性2:丰富开放的图标库
除针对业务展示优化过的常规图标外,还能够绘制包括海量数据的地理轨迹、地理飞线、热力分布、地域区域、3D地图、3D地球,地理数据的多层叠加。此外还接入了ECharts、Antv-G2等第三方开源图标库


特性3:支持多种数据源
能够接入阿里云分析数据库(AnalyticDB,原ADS)、RDS for MySQL、本地CSV上传和在线API接入,且支持动态请求。可实现各类大数据实时计算、监控的需求,充分发挥大数据计算能力

特性4:零门槛图形化设计界面
提供多种的业务模块级而非图标组件的Widget,所见即所得式的配置方式,只需要通过拖拖拽拽,无需编程能力,即可创造出专业的可视化应用

特性5:支持数据交互分析
能够图形化的配置图表之间的交互联动,通过图表之间的参数传递实现数据的交互分析

特性6:多种适配与发布方式
特别针对拼接大屏端的展示做了分辨率的优化,能够适配非常规拼接分辨率做适配优化。创建的可视化应用能够发布分享,没有购买DataV产品的用户也可以访问到应用,企业版可设置访问密码进行访问权限控制

其他特性

课时3:DataV基本操作
参见实验课
课时4:可视化大屏设计方法
数据可视化要考虑的问题

大屏制作流程

Abela's Folly

数据+视觉叙事:Storytelling

设计原则
-
口诀1:大小适配、主次分明
-
口诀2:宏微兼顾、动静结合
案例




网友评论