数据可视化现状调研

article/2025/10/1 2:16:19

数据可视化现状调研

概述

数据可视(Data visualization)数据可视化主要旨在借助于图形化手段,清晰有效地传达与沟通信息。但是,这并不就意味着,数据可视化就一定因为要实现其功能用途而令人感到枯燥乏味,或者是为了看上去绚丽多彩而显得极端复杂。为了有效地传达思想概念,美学形式与功能需要齐头并进,通过直观地传达关键的方面与特征,从而实现对于相当稀疏而又复杂的数据集的深入洞察。然而,设计人员往往并不能很好地把握设计与功能之间的平衡,从而创造出华而不实的数据可视化形式,无法达到其主要目的,也就是传达与沟通信息。

背景

在专业视听领域,最初的可视化要求比较简单。大屏显示系统只是作为显示载体,通过前端抓取、传输信息,并将图像、音视频信号传输到屏幕上显示即可。但随着大数据、人工智能等技术的飞速发展,如今的大屏显示系统不仅要负责对海量数据信息进行高效率的分析,还要将分析结果展现出来,帮助用户发现挖掘数据背后的逻辑和规律,为用户决策行为提供依据。
这无疑对专业视听企业提出了更高要求。长期以来,专业视听厂商主要以提供硬件为主,而如今却需要厂商对软硬件都要有很强的开发能力,并对各行业有非常深入的了解。然而任何一个行业应用都会牵涉到很多不同数据之间的对接和分析,目前还很少有企业能够做到完全胜任。同时这还需要大量时间、资金的投入以及人才的培养。这种费时费力费钱的事,并不是每个企业都愿意去做的,但这并不影响数据可视化成为一种趋势。

数据可视化所需具备的条件

一个好的大屏数据可视化系统需要具备以下六个条件:

  1. 管理数据:即从数据采集、清理、整合方面,能提供完整的系统工具平台。支持各种类型的数据接入、灵活设置数据清洗规则、采用合理的数据管理模型整合数据,帮助企业很好的管理数据。

  2. 可视数据:可提供可视化的数据展示设计工具,可以快速实现基础数据、业务指标、可视化展示的设计应用,能够直观的看懂理解业务数据。

  3. 应用数据:数据可视化不能只是简单的图形化,更重要的是能够发现业务潜在的风险、价值。能够支持业务规则、算法模型的嵌入应用,对数据进行挖掘分析,再通过可视化手段展示分析结果,真正能用数据驱动业务。

  4. 业务服务:数据可视化平台是为客户的生产业务提供服务的,所以系统需要能够实现业务的监控、预警、分析、处置的能力。

  5. 系统要具备灵活的编辑、设计能力,从数据管理、指标定义、可视化展示能够通过可视化的实施工具灵活自定义,用户就可以根据自己的需求设置数据可视化的分析展示。

  6. 系统要能够支持 Windows、Android、iOS 系统,满足拼接屏、液晶屏、PC、移动端的灵活应用。

从以上可以看出,在数据可视化大屏系统中,数据的挖掘、分析及呈现,是数据可视化环节中的关键,同时也是区别一个大屏系统是否是真正的数据可视化系统的判断标准。

数据类型&数据关系

在进行数据分析、数据图表绘制或数据可视化之前,必须要对数据的类型以及数据之间的关系有所了解。在此基础上,我们才能选择正确的图形来展示分析数据并进行数据可视化。

分类数据

可以进行分组或排序,通常都是文字类型(可以分为有序和无序,均为离散数据);

量化数据

可以测量,所有的值都是数字(可以是连续数据或离散数据)
在这里插入图片描述

时间数据

以时间作为数据内容(既可以作为连续数据,又可以作为离散数据)
在这里插入图片描述

地理数据

用作地理位置的标示(地名 / 经纬度信息,属于离散数据)
在这里插入图片描述

当然,从严格的分类角度讲,时间和地理数据应该都属于分类数据(维度),把它们单独分离出来的目的是为了更好的进行可视化分析和展示

我们再简单讨论一下离散和连续。“离散”和“连续”是一个数学术语,但是不要害怕,定义其实很简单。连续意指“构成一个不间断的整体,没有中断”;离散意指“各自分离且不同”。看下面两个图就明白了
在这里插入图片描述

当把数据看作连续数据,并作为轴时,数据点不一定和刻度对应,而是根据实际的数值在轴的方向上分布。

在这里插入图片描述

当把数据当作离散数据,并作为标题时,数据点都会落在刻度上,并进行区隔。

通过数据的分类和特点,我们就有了数据可视化的一些基础信息,这对于我们选择图形来说,相当于有了一个筛选条件。

数据关系

这里说的数据之间的关系指的是数据点之间的关系,而不是通常的数据表之间的关系,数据点的关系既简单又复杂,但是对于数据可视化来说,却是不可或缺的一部分信息。

发现并正确描述数据之间的关系,可以说是一个真正的商业技能,这取决于你对数据和业务的理解程度,但是这个过程也并非无迹可寻,我们通常也可以把数据之间的关系分为以下七类:

  1. 简单对比

顾名思义,对分类的量化数据进行简单的对比,从而更直观的了解两者的量化对比情况,通常用来发现问题。比如:不同磁盘的空间使用率。
在这里插入图片描述

  1. 时间序列

显示同一维度下数值随时间的变化,通常可以帮助人们发现趋势,进行预测。比如:随时间变化的cpu使用率。
在这里插入图片描述
3. 相关性

同一维度下两个数值的变化关系对比,从而发现正相关性或负相关性,以了解数据的相关情况,通常用于因果关系的发现。比如:内存使用率和虚拟内存使用率。
在这里插入图片描述
4. 分级排序

两个以上的数值互相之间的关系,通常用于排序分级,从而查看顺序和数量。比如:集群负载排名。
在这里插入图片描述

  1. 偏差性

通过观察数据点之间的关系,发现一些特殊的,与普通数据有明显不同的情况,用于观察数据偏离度。比如:交换机端口速率。

在这里插入图片描述

  1. 分布情况
    描述数据围绕核心数值的一个分布情况,用于观察数据的分布方式和情况。比如:请求响应时长的分布情况。

在这里插入图片描述

  1. 局部与整体
    用于对比部分数据和整体的关系。比如TCP连接各个状态分布比例
    在这里插入图片描述
    (除了上述的七种数据关系外,还有很多其他的数据关系,这里就先不展开了)

了解数据类型和数据之间的关系后,就可以针对数据选择合适的图表,进行相应的数据可视化。当然正确地使用图表进行数据含义表达后,还需要进行视觉效果上的美化,以及合理的展示分享过程,才能更好地将数据的价值发挥出来。

目前市面上一些数据可视化产品对比

百度suger

百度suger与datav类似
缺点:行业模板较少,不支持静态数据源,不方便调试
操作的便捷性上有很多细节需要完善,不支持元素多选、对齐等操作,无法去掉表格的表头。
在开发阶段,有bug
适合报表,不适合大屏

优点:自适应比例 支持ECharts渲染(datav企业版业以上也可集成echarts)

阿里datav

优点:模板丰富, 3d渲染较好
缺点:不支持promethues

dataproviders

缺点:
没有中文文档

vue-grid-layout

开源项目
可视化拖拽开发工具,可组合vue+eleUI使用
参考 Vue-Data-Board


参考
[1] 维基百科 -数据可视化https://zh.wikipedia.org/wiki/%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96

[2] 数据可视化技术的研究与进展 计算机科学2004Vol.31 No.12

[3] 信息化视听 2020年02期

[4] 深入浅出数据可视化 DataHunter


http://chatgpt.dhexx.cn/article/SFSkFk0T.shtml

相关文章

数据可视化课程大纲和教学设计及源代码

一、课程基本信息 二、课程定位 《数据可视化》课程是面向全校学生的一门公共选修课。本课程包括16学时的理论教学和16学时的实践教学,在校内完成。 《数据可视化》课程是一门理论性和实践性都很强的课程。本课程本着“技能培养为主、理论够用为度”的原则&#x…

工业数据可视化

工业大数据是指在工业领域中,围绕典型智能制造模式,从客户需求到销售、订单、计划、研发、设计、工艺、制造、采购、供应、库存、发货和交付、售后服务、运维、报废或回收再制造等整个产品全生命周期各个环节所产生的各类数据及相关技术和应用的总称。其…

数据可视化选择题

第一章 打开可视化大门 多选(3分) 可视化的分类包含: A.科学可视化B.信息可视化C.智能可视化D.可视分析学 ABD ‏2. 以下哪张图片为科学可视化结果: A. B. C. [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cynHvYcn…

52个数据可视化图表鉴赏

文章目录 1.弧线图2.面积图3.箭头图4.条形图5.布林线指标6.箱线图7.气泡地图8.子弹图9.凹凸图10.日历图11.烛台图12.卡通图13.弦图14.分级统计图15.组合图表16.连接地图17.控制图18.南丁格尔玫瑰图19.交叉表20.环形图21.漏斗图22.甘特图23.热图24.六边形平铺地图25.直方图26.地…

解构数据可视化

文章目录 什么是数据可视化数据可视化四大过程1. 确定主题2. 提炼数据3. 确认图表4. 可视化设计及布局 可视化映射1. 可视化空间2. 标记3. 视觉通道 什么是数据可视化 数据可视化的目标是透过数据的表象,洞悉其中的规律,指导用户高效、准确地进行决策。 …

数据可视化学习之大屏学习

一 前言 什么是数据可视化大屏?数据可视化大屏是以大屏为主要展示载体的数据可视化设计。可视化大屏就是一种非常有效的数据可视化工具,它可以将业务的关键指标以可视化的方式展示到一个或多个LED屏幕上,不仅使业务人员能够从复杂的业务数据…

数据可视化学习路线

写在前面 有幸看到了这篇关于数据可视化学习的指导文章,由于原作链接访问异常,只得从百度快照中看到原文,所以这里搬运过来,特此声明本文系【转载】,在此感谢原作者,以下为原文正文(略有删减)。 原作者: 张…

数据挖掘——数据可视化

数据可视化 1.数据可视化第一关 数据可视化的内涵1>数据可视化是什么?2>为什么需要数据可视化?3>历史演变4>习题 第二关 初识数据第三关 柱状图第四关 散点图第五关 直方图 2.数据可视化进阶第一关 热图1>热图的作用?2>习题…

初识前端数据可视化

目录 前端数据可视化的开发工具 前端三件套 Echarts.js Highcharts.js D3.js Vue.js python Tableau 编译器 数据可视化的分支 信息可视化 科学可视化 可视分析学 什么是前端?前端,通俗来说就是网页呈现给我们看的那部分。比如hao123这个…

数据可视化 复习笔记2022

1.可视化释义 可视化对应Visualize和Visualization。Visualize是动词,即“生成符合人类感知”的图像;通过可视元素传递信息。Visualization是名词,表达“使某物、某事可见的动作或事实”,对某个原本不可见的事物在人的大脑中形成一幅可感知的…

前端数据可视化入门

这是一篇给大家提供数据可视化开发的入门指南,介绍了可视化要解决的问题和可以直接使用的工具,我将从下面几个方面给大家介绍,同时以阿里/蚂蚁的可视化团队和资源举例说明: 什么是数据可视化? 怎样进行数据可视化&…

关系数据可视化

关系数据可视化 本文所做的数据的数据可视化实现基于python 3.9.4,需安装matplotlib、numpy、pyecharts、pandas、plotly等依赖库,可通过下述命令完成。 pip install matplotlib pip install numpy pip install -v pyecharts1.1.0 pip install plotly …

Echarts数据可视化

Echarts Echarts 简介Echarts快速上手柱状图柱状图的基本使用其他常见效果 通用配置项titletooltiptoolboxlegend 折线图折线图基本配置其他效果 饼状图 Echarts 简介 Echarts 缩写来自 Enterprise Charts(商业级数据图表),是百度的一个开源的…

实验4 Matplotlib数据可视化

1. 实验目的 ①掌握Matplotlib绘图基础; ②运用Matplotlib,实现数据集的可视化; ③运用Pandas访问csv数据集。 2. 实验内容 ①绘制散点图、直方图和折线图,对数据进行可视化; ②下载波士顿数房价据集,并…

数据可视化-期末复习重点笔记

文章目录 前言一、绘制常见图形。1.1 sinx、cosx曲线图1.2 散点图1.2.1通过matplotlib实现1.2.2通过pyecharts实现 1.3 柱形图1.3.1通过matplotlib实现1.3.2通过pyecharts实现 1.4 柱形堆叠图1.4.1通过matplotlib实现1.4.2通过pyecharts实现 1.5 折线图1.6 拟合曲线1.7 堆叠面积…

【独家】一文读懂数据可视化

前言 数据可视化,是指将相对晦涩的的数据通过可视的、交互的方式进行展示,从而形象、直观地表达数据蕴含的信息和规律。 早期的数据可视化作为咨询机构、金融企业的专业工具,其应用领域较为单一,应用形态较为保守。步入大数据时代,各行各业对数据的重视程度与日俱增,随之…

4.2 数据可视化

一、 数据可视化介绍 1. 概念 数据可视化:是指以 图形、图像、地图、动画 等更为生动、易于理解的方式展现具体数据,诠释数据之间的关系和发展的趋势,以期更好地理解和使用数据。 大数据可视化分析利用支持信息可视化的用户界面以及支持分…

一图胜千言!这10种可视化技术你必须知道

全文共4549字,预计学习时长9分钟 图片来源:Willian Justen deVasconcellos on Unsplash 相比于浩如烟海的数据表格,大部分人还是更喜欢视觉资料,这一点已不足为奇。也是出于这个原因,人们通常才会在学术论文的前几页加上一张图表,并且清楚地标记上各种注释。 当数据科学家…

谷歌浏览器输入网址显示该网页无法正常运作

谷歌浏览器 是一款大家喜爱使用的浏览器,它为我们的生活提供了便捷, 可是,不少朋友还不知道怎么解决谷歌浏览器无法打开网页的问题 具体如下: 首先,请大家找到电脑中的“谷歌浏览器”,点击进入主界面&…

谷歌浏览器无法上网,其他浏览器正常,换chrome搜索引擎

谷歌浏览器无法上网,其他浏览器正常,第一种情况:打开代理设置,开启自动检测设置,重新打卡浏览器 情况二:打开windows注册表,删除配置,重启浏览器不废话,上图 情况三&…