热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

信息可视化_数据可视化与信息可视化浅谈

篇首语:本文由编程笔记#小编为大家整理,主要介绍了数据可视化与信息可视化浅谈相关的知识,希望对你有一定的参考价值。文章来源:京东设计

篇首语:本文由编程笔记#小编为大家整理,主要介绍了数据可视化与信息可视化浅谈相关的知识,希望对你有一定的参考价值。


文章来源:京东设计中心

原文链接:http://jdc.jd.com/archives/1333


我们常常迷失在数据中,纷繁复杂的数据让我们无所适从。可视化作为解决这问题的有效手段,通过视觉的方式让数字易于理解。


数据可视化和信息可视化都是可视化的一种方式,数据可视化将数据库中每一个数据项作为单个图元元素表示,大量的数据集构成数据图像,同时将数据的各个属性值以多维数据的形式表示,可以从不同的维度观察数据,从而对数据进行更深入的观察和分析。信息可视化,旨在把数据资料以视觉化的方式表现出。信息可视化是一种将数据与设计结合起来的图片,有利于个人或组织简短有效地向受众传播信息的数据表现形式。


本文梳理了可视化相关内容,并且根据数据平台组同仁们在可视化项目过程中使用经验,总结一些可视化使用注意事项,与大家分享。






数据可视化的图表类型简介



数据可视化有很多既定的图表类型,下面我们分别来谈谈这些图表类型,他们的适用场景,以及使用的优势和劣势。


1.柱状图



适用场景:它的适用场合是二维数据集(每个数据点包括两个值x和y),但只有一个维度需要比较。


优势:柱状图利用柱子的高度,反映数据的差异。肉眼对高度差异很敏感,辨识效果非常好。


劣势:柱状图的局限在于只适用中小规模的数据集。


2.折线图


数据可视化与信息可视化浅谈


适用场景: 折线图适合二维的大数据集,尤其是那些趋势比单个数据点更重要的场合。它还适合多个二维数据集的比较。


优势:容易反应出数据变化的趋势。


3.饼图


数据可视化与信息可视化浅谈


适用场景:适用简单的占比图,在不要求数据精细的情况下可以适用。


劣势:饼图是一种应该避免使用的图表,因为肉眼对面积大小不敏感。


4.漏斗图


数据可视化与信息可视化浅谈


适用场景:漏斗图适用于业务流程比较规范、周期长、环节多的流程分析,通过漏斗各环节业务数据的比较,能够直观地发现和说明问题所在。


优势:能够直观地发现和说明问题所在。在网站分析中,通常用于转化率比较,它不仅能展示用户从进入网站到实现购买的最终转化率,还可以展示每个步骤的转化率。


劣势:单一漏斗图无法评价网站某个关键流程中各步骤转化率的好坏。


5.地图


数据可视化与信息可视化浅谈


适用场景:适用于有空间位置的数据集。


优劣势:特殊状况下使用。


6.雷达图


数据可视化与信息可视化浅谈


适用场景:雷达图适用于多维数据(四维以上),且每个维度必须可以排序。但是,它有一个局限,就是数据点最多6个,否则无法辨别,因此适用场合有限。


劣势:需要注意的时候,用户不熟悉雷达图,解读有困难。使用时尽量加上说明,减轻解读负担。






数据可视化使用小贴士



1.饼图顺序不当


数据可视化与信息可视化浅谈


最好的做法是将份额最大的那部分放在12点方向,顺时针放置第二大份额的部分,以此类推。


2.在线状图中使用虚线


数据可视化与信息可视化浅谈


虚线会让人分心,用实线搭配合适的颜色更容易区分。


3.数据被遮盖


数据可视化与信息可视化浅谈


确保数据不会因为设计而丢失或被覆盖。例如在面积图中使用透明效果来确保用户可以看到全部数据。


4. 耗费用户更多的精力


数据可视化与信息可视化浅谈


通过辅助的图形元素来使数据更易于理解,比如在散点图中增加趋势线。


5.柱状过宽或过窄


数据可视化与信息可视化浅谈


经过调研,柱子的间隔最好调整为宽的1/2。


6.数据对比困难


数据可视化与信息可视化浅谈


选择合适的图表,让数据对比更明显直接。上图的数据作用是为了比较,显然,柱状图比饼图在视觉上更易于比较。


7.错误呈现数据


数据可视化与信息可视化浅谈


确保任何呈现都是准确的,比如,上图气泡图的面积大小应该跟数值一样。


8.不要过分设计


数据可视化与信息可视化浅谈


清楚标明各个图形表示的数据,避免用与主要数据不相关的颜色,形状干扰视觉。


9. 数据没有很好归类,没有重点区分


数据可视化与信息可视化浅谈


将同类数据归类,简化色彩,帮助用户更快理解数据。上图的第一张没有属于同类型手机中不同系统进行颜色上的归类,从而减少了比较的作用。下图就通过蓝色系很好的把iPhone,android,WP版归为一类,很好的与iPad版,其他比较。


10.误导用户的图表


数据可视化与信息可视化浅谈


要客观反映真实数据,纵坐标不能被截断,否则视觉感受和实际数据相差很大。左图的数据起始点被截断从50开始。






信息可视化案例



信息可视化囊括了数据可视化,信息图形,知识可视化,科学可视化,以及视觉设计方面的所有发展与进步。下面是信息可视化的案例分享。


数据可视化与信息可视化浅谈




上图通过数据化的比较,用变形的柱状图等图形,形象的展示了不同国家老师的收入水平,社会包括学生和公众对其的尊重度。


如何制作信息可视化?


第一步:确定表意正确明确信息图表达内容,确定最主要的表现内容。


第二步:优化展现形式内容正确还不够,还要易懂。我们需要在这个步骤里寻找信息图最优表现形式,让读者 一目了然,降低理解难度。


第三步:探索视觉风格在探索视觉风格时要注意抓大放小,先定下来最主要模块的风格,再做延展。


第四步:完善细节视觉风格确定后,可根据需要添加、完善细节。


第五步:风格延展“一致”的视觉设定有助于用户理解,也能更好的提升品牌形象。所以主风格确定后,我们需要把它延展到其它有需要的页面上。


以上是分享了数据可视化和信息可视化相关内容,不过信息可视化和数据可视化是两个容易混淆的概念,基于数据生成的数据可视化和信息可视化这两者在现实应用中非常接近,并且有时能够互相替换使用。


但是这两者其实是不同的,数据可视化是指那些用程序生成的图形图像,这个程序可以被应用到很多不同的数据上。信息可视化是指为某一数据定制的图形图像,它往往是设计者手工定制的,只能应用在那个数据中。


信息可视化的代表特征:具体化的,自解释性的和独立的。为了满足这些特征,这个图是需要手工定制的。 并没有任何一个可视化程序能够基于任一数据生成这样具体化的图片并在上面标注所有的解释性文字。


数据可视化则是普适的,比如平行坐标图并不因为数据的不同而改变自己的可视化设计。可视化的强大的普适性能够使用户快速应用某种可视化技术在一些新的数据上,并且通过可视化结果图像理解新数据,与针对已知特定数据进行信息可视化设计绘制相比,用户更像是通过对数据进行可视化的应用来学习和挖掘数据,而普适性的数据可视化技术本身并没有解释数据的功能。








推荐数据君与郑老师重磅打造的


一门让你立竿见影的图表可视化课程




已有1700+位学员购买,品质和口碑都火爆的《图表可视化》到底有什么不同呢?




课程特点




1、售后社区全程答疑解惑


2、一次购买,终身有效


3、随时随地可以学习,无限制


4、性价比全网最高,没有之一


5、讲课逻辑清晰,语速得当




如何购买?扫码





用心打磨、必为精品





推荐阅读
  • 本文介绍并分享了三个个人开源项目,涵盖单元测试中HttpContext的可测试性增强、Visual Studio插件开发以及单元测试报告自动生成工具。 ... [详细]
  • HTML网页出现乱码的主要成因及解决策略
    本文深入分析了HTML网页出现乱码的各种可能原因,并提供了相应的解决方案,帮助开发者有效避免和处理此类问题。 ... [详细]
  • 主板市盈率、市净率及股息率的自动化抓取
    本文介绍了如何通过Python脚本自动从中国指数有限公司网站抓取主板的市盈率、市净率和股息率等关键财务指标,并将这些数据存储到CSV文件中。涉及的技术包括网页解析、正则表达式以及异常处理。 ... [详细]
  • 探讨GET与POST请求数据传输的最大容量
    在Web开发领域,GET和POST是最常见的两种数据传输方法。本文将深入探讨这两种请求方式在不同环境下的数据传输能力及其限制。 ... [详细]
  • 详细的介绍针对graphiclayer的空间查询。首先,空间查询的方式:提供多种类型的空间查询,包括点周边、线周边、面内等多种方式;其次,图形绘制完成后状态的展示;再次 ... [详细]
  • Navicat 导出查询结果时如何生成包含指定列名的 INSERT 语句
    本文介绍了在使用 Navicat 导出查询结果时,如何确保生成的 INSERT 语句中包含指定的列名,避免因设置不当导致列名缺失的问题。 ... [详细]
  • 深入理解二叉树的遍历算法:VRL、RVL、RLV
    本文详细介绍了二叉树的不同遍历方法,包括层次遍历、先序遍历(VRL)、中序遍历(RVL)和后序遍历(RLV)。通过具体示例和代码实现,帮助读者更好地理解和应用这些遍历技术。 ... [详细]
  • 本文详细介绍了使用JavaScript和jQuery进行页面加载初始化的方法,包括不同的实现方式及其应用场景,并探讨了两者在初始化过程中的主要区别。 ... [详细]
  • 本文介绍如何创建一个专门用于处理浮点数的JSON处理器,并将其注册到JSON配置器中,以实现对浮点数的精确控制和格式化输出。 ... [详细]
  • 使用Python爬虫技术从网页中提取图片链接的方法与示例
    本篇文章将详细介绍如何通过Python编程语言来实现从指定网页上抓取图片链接的功能,并提供了一个实用的代码示例。 ... [详细]
  • 本文探讨了Java编程中MVC模式的优势与局限,以及如何利用Java开发一款基于鸟瞰视角的赛车游戏。 ... [详细]
  • 尽管PHP是一种强大且灵活的Web开发语言,但开发者在使用过程中常会陷入一些典型的陷阱。本文旨在列出PHP开发中最为常见的10种错误,并提供相应的预防建议。 ... [详细]
  • 本文详细介绍了一个既适用于PHP5也适用于PHP7的cURL文件上传解决方案。此示例源于项目需求,旨在通过cURL实现文件上传功能,并解决不同PHP版本间的兼容性问题。 ... [详细]
  • 本文详细介绍了ASP.NET缓存的基本概念和使用方法,包括输出缓存、数据缓存及其高级特性,如缓存依赖、自定义缓存和缓存配置文件等。通过合理利用这些缓存技术,可以显著提升Web应用程序的性能。 ... [详细]
  • 在 Android 应用开发中,Toast 是一种常见的信息提示方式,用于向用户显示短暂的消息。本文将详细介绍几种常用的 Toast 类型及其自定义方法,包括默认 Toast、位置定制、图文结合等。 ... [详细]
author-avatar
mobiledu2502858393
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有