江苏龙网

  1. 首页 > 生活 > >

怎样成为优秀的数据可视化工程师( 二 )


Echart.jsD3.jsHighchart.jsAntv.js合理的可视化我将可视化图表分为以下几类：每个可视化图表的类型以一个合理图表的呈现的形式来举例说明。比较类比较类显示值与值之间的不同和相似之处。 使用图形的长度、宽度、位置、面积、角度和颜色来比较数值的大小， 通常用于展示不同分类间的数值对比，不同时间点的数据对比。柱形图柱状图有别于直方图，柱状图无法显示数据在一个区间内的连续变化趋势。柱状图描述的是分类数据，回答的是每一个分类中“有多少?”这个问题。 需要注意的是，当柱状图显示的分类很多时会导致分类名层叠等显示问题。适合的数据：一个分类数据字段、一个连续数据字段功能：对比分类数据的数值大小数据与图形的映射：分类数据字段映射到横轴的位置连续数据字段映射到矩形的高度分类数据也可以设置颜色增强分类的区分度适合的数据条数：不超过 12 条数据分布类分布类显示频率，数据分散在一个区间或分组。 使用图形的位置、大小、颜色的渐变程度来表现数据的分布， 通常用于展示连续数据上数值的分布情况。散点图散点图也叫 X-Y 图，它将所有的数据以点的形式展现在直角坐标系上，以显示变量之间的相互影响程度，点的位置由变量的数值决定。通过观察散点图上数据点的分布情况，我们可以推断出变量间的相关性。如果变量之间不存在相互关系，那么在散点图上就会表现为随机分布的离散的点，如果存在某种相关性，那么大部分的数据点就会相对密集并以某种趋势呈现。数据的相关关系主要分为：正相关(两个变量值同时增长)、负相关(一个变量值增加另一个变量值下降)、不相关、线性相关、指数相关等，表现在散点图上的大致分布如下图所示。那些离点集群较远的点我们称为离群点或者异常点。适合的数据：两个连续数据字段功能：观察数据的分布情况数据与图形的映射：两个连续字段分别映射到横轴和纵轴。适合的数据条数：无限制备注：可更具实际情况对点的形状进行分类字段的映射。点的颜色进行分类或连续字段的映射。流程类流程类显示流程流转和流程流量。 一般流程都会呈现出多个环节，每个环节之间会有相应的流量关系，这类图形可以很好的表示这些关系。漏斗图漏斗图适用于业务流程比较规范、周期长、环节多的单流程单向分析，通过漏斗各环节业务数据的比较能够直观地发现和说明问题所在的环节，进而做出决策。漏斗图用梯形面积表示某个环节业务量与上一个环节之间的差异。漏斗图从上到下，有逻辑上的顺序关系，表现了随着业务流程的推进业务目标完成的情况。漏斗图总是开始于一个100%的数量，结束于一个较小的数量。在开始和结束之间由N个流程环节组成。每个环节用一个梯形来表示，梯形的上底宽度表示当前环节的输入情况，梯形的下底宽度表示当前环节的输出情况，上底与下底之间的差值形象的表现了在当前环节业务量的减小量，当前梯形边的斜率表现了当前环节的减小率。 通过给不同的环节标以不同的颜色，可以帮助用户更好的区分各个环节之间的差异。漏斗图的所有环节的流量都应该使用同一个度量。图表类型:漏斗图适合的数据:一个分类数据字段、一个连续数据字段功能:对比分类数据的数值大小数据与图形的映射:分类数据字段映射到颜色连续数据字段映射到梯形的面积适合的数据条数:不超过12条数据占比类占比类显示同一维度上占比关系。饼图饼图广泛得应用在各个领域，用于表示不同分类的占比情况，通过弧度大小来对比各种分类。饼图通过将一个圆饼按照分类的占比划分成多个区块，整个圆饼代表数据的总量，每个区块(圆弧)表示该分类占总体的比例大小，所有区块(圆弧)的加和等于 100%。适合的数据：列表：一个分类数据字段、一个连续数据字段功能 对比分类数据的数值大小数据与图形的映射：分类数据字段映射到扇形的颜色连续数据字段映射到扇形的面积适合的数据条数：不超过 9 条数据区间类区间类显示同一维度上值的上限和下限之间的差异。 使用图形的大小和位置表示数值的上限和下限，通常用于表示数据在某一个分类(时间点)上的最大值和最小值。仪表盘仪表盘(Gauge)是一种拟物化的图表，刻度表示度量，指针表示维度，指针角度表示数值。仪表盘图表就像汽车的速度表一样，有一个圆形的表盘及相应的刻度，有一个指针指向当前数值。目前很多的管理报表或报告上都是用这种图表，以直观的表现出某个指标的进度或实际情况。仪表盘的好处在于它能跟人们的常识结合，使大家马上能理解看什么、怎么看。拟物化的方式使图标变得更友好更人性化，正确使用可以提升用户体验。适合的数据:一个分类字段，一个连续字段功能 对比分类字段对应的数值大小数据与图形的映射:指针映射到分类字段，指针的角度映射连续字段适合的数据条数:小于等于3关联类关联类显示数据之间相互关系。 使用图形的嵌套和位置表示数据之间的关系，通常用于表示数据之间的前后顺序、父子关系以及相关性。矩形树图矩形树图由马里兰大学教授 Ben Shneiderman 于上个世纪90年代提出，起初是为了找到一种有效了解磁盘空间使用情况的方法。 矩形树图适合展现具有层级关系的数据，能够直观体现同级之间的比较。一个Tree状结构转化为平面空间矩形的状态，就像一张地图，指引我们发现探索数据背后的故事。适合的数据：带权的树形数据功能 表示树形数据的树形关系，及各个分类的占比关系数据与图形的映射：树形关系映射到位置，占比数值数据映射到大小。设置颜色增强分类的区分度适合的数据条数：大于5个分类趋势类趋势类分析数据的变化趋势。 使用图形的位置表现出数据在连续区域上的分布，通常展示数据在连续区域上的大小变化的规律。折线图折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势。适合的数据：两个连续字段数据，或者一个有序的分类一个连续数据字段功能 观察数据的变化趋势数据与图形的映射：两个连续字段分别映射到横轴和纵轴适合的数据条数：单条线的数据记录数要大于2，但是同一个图上不要超过5条折线时间类时间类显示以时间为特定维度的数据。 使用图形的位置表现出数据在时间上的分布，通常用于表现数据在时间维度上的趋势和变化。面积图面积图又叫区域图。 它是在折线图的基础之上形成的, 它将折线图中折线与自变量坐标轴之间的区域使用颜色或者纹理填充，这样一个填充区域我们叫做面积，颜色的填充可以更好的突出趋势信息，需要注意的是颜色要带有一定的透明度，透明度可以很好的帮助使用者观察不同序列之间的重叠关系，没有透明度的面积会导致不同序列之间相互遮盖减少可以被观察到的信息。适合的数据：两个连续字段数据功能 观察数据变化趋势数据与图形的映射：两个连续字段分别映射到横轴和纵轴适合的数据条数：大于两条地图类地图类显示地理区域上的数据。 使用地图作为背景，通过图形的位置来表现数据的地理位置， 通常来展示数据在不同地理区域上的分布情况。带气泡的地图带气泡的地图，其实就是气泡图和地图的结合，我们以地图为背景，在上面绘制气泡。我们将圆(这里我们叫它气泡)展示在一个指定的地理区域内，气泡的面积代表了这个数据的大小。适合的数据:一个分类字段，一个连续字段功能 对比分类数据的数值大小数据与图形的映射:一个分类字段映射到地图的地理位置和气泡颜色另一个连续字段映射到气泡大小适合的数据条数:根据实际地理位置信息，无限制用户体验用户视觉合格的数据可视化是有新闻价值的。也就是说，它要能帮助目标观众更好地理解数据。有些数据可视化，只让我们看到酷炫狂拽的图形，或者密密麻麻的数据。这些就是过于看重艺术性和科学性，而忽略根本目的了。用信息研究的理论来说，数据看上去过于混乱和密集，用户就会不由自主地「切断数据的传输」。色彩空间人类对于颜色感知的方式通常包括三个问题：是什么颜色?深浅如何?明暗如何?在HSV色彩空间中，H 指色相 (Hue)，S 指饱和度(Saturation)，V 指明度(Value)，在 HSL 色彩空间中，L 表示亮度(Lightness)。它们比 RGB 色彩空间更加直观且符合人类对颜色的语言描述。在 1979 年的 ACM SIGGRAPH(美国计算机协会计算机图形学专业组)年度会议上，计算机图形学标准委员会推荐将HSL色彩空间用于颜色设计。人群中存在一部分人具有视觉缺陷，包括色盲、色弱等。为了帮助他们识别图表，可能需要采取一些特殊方法。一个好的可视化工程师，必定也是一个好的 UX(用户体验)，所以不光要以易读性为目标努力，用户们也要问问自己：这份可视化是给我看的吗?我看的方式是否正确?在数据可视化的工程中，你在分析中所采取的具体步骤会随着数据集和项目的不同而不同，但在探索数据可视化和数据挖掘时，总体而言应考虑以下四点：拥有什么数据?关于数据你想了解什么?应该使用哪种可视化方式?你看见了什么，有意义吗?而去年我和我们厂的两个同事联合开发了可视化分析工具，还给业务人员举行了一场比赛，顺便在产品新版本发布前让他(她)们帮我们测一下易用性，然而在比赛评比当晚，我有幸成为了评委，可惜参赛选手们解释自己的作品时，有的云里雾里、有的激昂慷慨，很多都没有说到点子上，甚至没有充分利用到各个图表类型的优势，在这个满世界谈用户体验的时代，这场数据的“解说”显然是糟糕的。那么什么是优秀的可视化作品。我一直认为最好的用户体验是深入浅出，所以，优秀的可视化作品 = 信息 + 故事 + 目标 + 视觉形式，因此，一件可视化作品是从数据 -\u0026gt; 交互 -\u0026gt; 视觉 -\u0026gt; 开发的一个过程。所以优秀的数据可视化依赖优异的设计，并非仅仅选择正确的图表模板那么简单。全在于以一种更加有助于理解和引导的方式去表达信息，尽可能减轻用户获 取信息的成本。当然并非所有的图表制作者都精于此道。所以我们看到的图表表达中，各种让人啼笑皆非的错误都有。总结定义合适的可视化图形，可以说是最为关键的。一般情况来看，线柱饼等基本图形可以完成我们大部分的需求，这也是分析人员最常用的展现形式;但对于大数据场景或具体业务场景下就需要更加特殊的可视化。归纳起来一名数据可视化工程师需要具备三个方面的能力，数据分析能力、交互视觉能力、研发能力。不管你用什么工具，别忘了你的目的是理解数据，这可是数据可视化工程师和软件工程师的最大区别。


推荐阅读


上一篇：「罗志祥」你以为罗志祥明星事业被毁就凉了？你怕是不知他这个副业，够吃一辈子

下一篇：为啥高通高端系列坚持使用自研架构