当前位置:首页 > 解决方案 > 数据可视化

什么是数据可视化?

数据可视化是指将经过采集、清洗、转换、处理过的数据映射为图形、图像、动画等可视化的形式,并可以进行多维度、多层次的交互分析,以直观的可视化方式发现数据蕴涵的规律和特征,从而实现对复杂数据进行深入洞察。

数据可视化,数据可视化分析

可视化数据具有客观且有趣、直观且高效、美感且愉悦等特征,常用的场景有:数据分析、数据展现、监控预警、指挥调度、形象展示等,使用数据可视化可以引起人的注意、调动人的情绪、引发人的共鸣。

高清大屏是数据可视化的常见形式,高清大屏可展示面积大、可展示信息多,容易在视觉上给人留下震撼印象,便于营造氛围、打造仪式感。

 

数据可视化需要八个步骤

数据可视化工具,数据可视化软件

抽取指标确定维度
指标应跟据数据可视化的目的抽取,一个指标在屏幕上独占一块区域,指标应分为主要指标、次要指标、辅助指标三类。指标常见的可视化维度有联系、比较、分布、构成等四个。

数据可视化工具,数据可视化软件

选定图表类型
选定的图表样式应易理解、可实现。不需要过多思考和过度理解,一看就懂。需要评估支撑该类图表展现的数据是否充足,图表开发的技术难度有多大,开发的成本有多高。

数据可视化工具,数据可视化软件

了解屏幕长宽比
设计前应了解物理屏幕的长宽比,这直接影响可视化布局,还应了解屏幕逻辑分辨率(设计稿尺寸)、显卡输出分辨率、DVI矩阵切换器的分辨率、屏幕实际物理分辨率。

数据可视化工具,数据可视化软件

确定屏幕布局
每个指标占有一个独立区域,主要指标应占有较大面积,放在显眼位置,其余指标按优先级围绕主要指标放置。有关联的指标尽量靠近,相近图表类型的指标尽量放在一起。

数据可视化工具,数据可视化软件

定义设计风格
从图形、构成、色彩、质感、字体等五个方面涉及可视化的视觉风格,现在常用情绪板与衍生关键词分析的方法定义视觉风格,把用户的情绪可视化,起到调动情绪、引起共鸣的作用。

数据可视化工具,数据可视化软件

可视化设计
指标类信息可视化效果相对简单容易,而地理类信息点具有很强的空间感、丰富的流光等动效、高精度的模型等特点,需要提前评估被投电脑、大屏拼接器等硬件设备的性能。

数据可视化工具,数据可视化软件

Demo沟通确认
用尽可能简单的方法制作Demo,把页面布局、图表类型、页面风格等展示出来进行内外部沟通收集意见,快速迭代。要特别注意,必须把Demo投到物理屏幕上看实际展示效果。

数据可视化工具,数据可视化软件

开发调试上线
开发包括前端开发和后台数据准备,此处的开发是指前端展现样式的实现,后台数据准备工作在确定指标时就已经开始了,现在需要把数据接入到前端,并用设计的样式展现出来。

数据可视化如何排版布局?

排版布局就是把屏幕划分成若干区域,每个指标独立占据一个区域,数据可视化的布局应主次分明、条理清晰、注重留白。根据屏幕大小、观看距离、观看角度等因素,应先确定主要信息的摆放位置,通常位于屏幕中央,除了主要信息,还有次要信息和辅助信息来丰富整体界面的内容和视觉。

数据可视化,数据可视化分析

 

根据业务场景抽取的关键性指标,按照重要程度可分为主要指标、次要指标、辅助指标,三类指标的摆放位置各有不同。

  1. 主要指标:主要指标通常位于屏幕正中央,是整个屏幕的焦点所在,可添加适当的动效增强视觉效果。
  2. 次要指标:次要指标多位于屏幕的两侧,通过表现为各种类型的图表。
  3. 辅助指标:辅助信息多为主要指标的补充信息,通常位于主要指标下方或两侧,常伴随交互效果或动效呈现,可展现亦可不展现。

数据可视化布局应遵循CRAP原则

数据可视化工具,数据可视化软件

对比
Contrast
完全不同的数据类型,应选择截然不同的图表样式。

数据可视化工具,数据可视化软件

重复
Repetition
相同类型或相似的数据,尽可能选用相同的图表样式。

数据可视化工具,数据可视化软件

对齐
Alignment
利用各种对齐方式保证不同可视化图表之间的视觉联系。

数据可视化工具,数据可视化软件

亲密性
Proximity
相关联的数据项或指标项组织在一起,在视觉上呈现出一体化。

完美的数据可视化工具 - DataViz

自助实现可视化,无需开发工作

以创新方式屏蔽了数据可视化的技术复杂度和难度,只需用鼠标拖拖拽拽就可以实现指标抽取、维度选择、图表筛选、配色、布局、接入数据等数据可视化工作,不需要写任何代码,有效提高迭代速度,大幅降低成本。

数据可视化,数据可视化工具

100多种图表展示样式

提供了100多个可视化图表组件,包括柱图、饼图、折线图、弦图、流图、拓扑图、南丁格尔图、热力图,以及面向地理位置信息的地图组件,可以根据经纬度信息在地图上进行轨迹、热力标记点等数据可视化。

自动化布局与自由布局

Dataviz提供固定块与自由块的布局组件,支持自动布局与自由布局两种布局方式,除了可以布局图表组件外,还可以布局文字、数字、动画、视频流、直播流、图片等各种可视化组件,并支持多种动效渲染方式。

数据可视化,数据可视化分析

标准配色与个性化配色

内置50多种标准配色方案,可以一键完成配色,DataViz也支持个性化配色方案,提供取色器和调色板,可以灵活设定背景色、前景色,甚至可以单独设定图表中某个元素,比如一条线,的颜色。

一屏设计,跨屏展现

DataViz有效解决了数据可视化受制于物理屏幕大小的问题,完美支持自适应投屏,只需在一个屏幕上设计,就可以不做任何修改实现跨屏展现,从高清大屏、PC屏幕、电视、PAD到手机,有效减少大量的重复设计工作。

具有完整的数据可视化功能

序号

功能项

功能点描述

1

支持的数据源类型

支持Oracle、SQL Server、MySQL、PostgreSQL等数据库,支持Excel、CSV等数据源,持WebService数据源;可视化接入数据源,无需编码;
支持数据源可视化预览

2

支持数据服务目录

支持已接入数据按照类别生成数据服务目录,支持查看、删除、修改数据服务目录

3

数据采集与刷新

支持设置定时采集数据规则,包括采集时间点、采集频率、采集日历设置;
支持执行手动即时采集操作;
支持自定义添加数据采集条件

4

数据预处理功能

支持求和、平均值、方差运算、标准差等运算;
支持自定义运算函数

5

支持的基础控件

支持文本控件、时间控件、日历控件、图片控件、音频播放控件、视频播放控件、Flash播放控件、按钮控件、数据轴、时间轴、浏览器控件、筛选列表、表格、PDF控件

6

支持的可视化容器控件

栅格布局、自动布局容器、内容滚动容器、滚动容器、列表容器、平铺容器、翻页容器等

7

支持的可视化图表

区域地图、散点地图、射线地图、玫瑰饼图、关系图、和弦图、矩阵热力图、饼状图、环状图、柱状图、柱状堆叠图、折线图、曲线图、阶线图、面积图、面积堆积图、条形图、条形堆积图、漏斗图、金字塔图、雷达图、散点图、泡泡图、拓扑图、堆积柱图、云图、盒须图、瀑布分布、金属仪表、圆形仪表、扇形仪表、温度计等

8

支持动画控件

支持动画播放控件,支持淡入淡出、平移等

9

支持3D控件

支持3D风格控件,包括unity3D/3DMax/WebGL等

序号

功能项

功能点描述

10

画面管理功能

支持分组分类管理画面,支持自定义标签;
支持画面的创建、删除、搜素、排序、复制等功能;
支持画面属性信息修改,包括名称、分辨率、背景;
支持画面预览、录制、发布功能,画面多版本管理;
支持画面导出为图片、pdf等格式

11

支持的控件操作

支持控件单选、多选、复制、粘贴、剪切、撤销、恢复、删除等功能;
提供控件左对齐、右对齐、上对齐、下对齐、水平居中、垂直居中等功能;
提供控件置顶、置底、放大、缩小、上一层、下一层等功能;
支持参数传递、控件联动;
支持批量操作控件

12

控件绑定数据

根据控件需要,支持数据与控件进行邦定
支持大小屏互动,在终端上可以对大屏播放的内容进行视图下钻、切片联动等

13

序列播放器

支持将视图组合在一个视图墙内,在视图墙内对视图进行轮播、切换等
播放序列中,可添加、删除、更新画面
可创建、删除、预览播放序列

14

模板管理功能

内置数十种可视化模板
支持已有图册转换成模板
直接使用内置的模板创建图册

15

多信号源播放

可以在视图上任意开窗,接入新新信号源
支持视频流播放

16

屏幕适配能力

画面具备屏幕适配能力

数据可视化相关产品

数据可视化,数据可视化分析

可视化数据分析软件DataViz

数据可视化,数据可视化工具

在线图表制作工具 图表秀