视觉工程师面试指南

When it comes to effective data visualization, the very first and also the most critical step is to select the right graph/visual for the data that you want to present. With a wide range of visualization software that is available offering a large number of chart varieties, it’s often a challenging task to pick the right one, which explains the data and insights in the simplest possible manner. I recently read a very famous book on data visualization — “Storytelling With Data: A Data Visualization Guide for Business Professionals” by Cole Nussbaumer Knaflic. This book is the best resource that I’ve seen till date on data visualization, and in this article, I’ll explain a topic from the book — Choosing an Effective Visual.

当涉及有效的数据可视化时,最重要也是最关键的一步是为要呈现的数据选择正确的图形/视觉。 借助提供大量图表品种的广泛可视化软件,选择合适的可视化软件通常是一项艰巨的任务,它以最简单的方式解释数据和见解。 我最近读了一本关于数据可视化的非常著名的书— Cole Nussbaumer Knaflic撰写的“用数据讲故事:业务专业人员的数据可视化指南”。 本书是迄今为止我所见过的有关数据可视化的最佳资源,在本文中,我将解释本书中的一个主题-选择有效的视觉。

Most of the data can be visualized using any one of the 12 kinds of visuals that I’ll be discussing in this article. The visuals can be classified into:

我将在本文中讨论的12种视觉方式中的任何一种都可以可视化大多数数据。 视觉效果可分为:

  1. Simple Text简单文字
  2. Table (table, heatmap)表格(表格,热图)
  3. Points (scatterplot)点(散点图)
  4. Line (line graph, slope graph)线(线图,斜率图)
  5. Bar (horizontal, vertical, stacked, waterfall)酒吧(水平,垂直,堆叠,瀑布式)
  6. Area区

Note:

注意:

  1. All the graphs shown are made using Google Sheets. Link to the document.

    显示的所有图形都是使用Google表格制作的。 链接到文档

  2. Data used for generating graphs are entirely imaginary and not taken from any source.

    用于生成图形的数据完全是虚构的,不能从任何来源获取

So let’s start exploring each one on the list.

因此,让我们开始探索列表中的每一个。

Simple Text

简单文字

You don’t have to always use a graph for showing numbers. If there are just a few numbers with some supporting text, directly showing the numbers might be the best way out. Let’s look at an example to understand better.

您不必总是使用图形来显示数字。 如果只有几个数字带有一些支持文字,则直接显示数字可能是最好的选择。 让我们看一个例子以更好地理解。

Image by Author
图片作者

In the above case, the graph doesn’t provide much aid in interpretation and only ends up occupying a lot of space. So, when you only have a few numbers, show them directly.

在上述情况下,图形在解释方面并没有提供太多帮助,最终仅占用了大量空间。 因此,当您只有几个数字时,请直接显示它们。

Table

If you’re looking to communicate multiple units of measure, a table might be the right visual to use. Creating a table is pretty easy, but always make sure that the design fades into the background and data is the main focus. Here’s an example of fading the design to the background and focusing on the data:

如果您要传达多个度量单位,则表可能是使用的正确视觉效果。 创建表格非常容易,但是始终要确保设计淡入背景并且数据是主要重点。 这是一个将设计淡化为背景并着重于数据的示例:

Image by Author
图片作者

Can you observe the improvement after every iteration? This is why it’s so important.

每次迭代后您都能观察到改进吗? 这就是为什么它如此重要的原因。

Heatmap

热图

Heatmap is simply an upgraded version of a table where we add colors to interpret the data or numbers better. In a plain table, the reader has to scan every element to get a sense of what’s there. By adding colors, we are making the reader to directly focus on the area of interest, which results in a better understanding of data.

Heatmap只是表格的升级版本,我们在表格中添加了颜色以更好地解释数据或数字。 在普通表中,读者必须扫描每个元素以了解其中的内容。 通过添加颜色,我们使读者可以直接关注感兴趣的区域,从而可以更好地理解数据。

Image by Author
图片作者

Graphing applications like Excel have conditional formatting options to create heatmaps. And it’s also a good practice to include a legend for better understanding.

诸如Excel之类的制图应用程序具有条件格式选项来创建热图。 包括图例以更好地理解也是一种很好的做法。

Scatterplot

散点图

Scatterplots are useful for showing relationships between 2 variables where each variable is encoded in X-axis and Y-axis, respectively. It’s especially useful while explaining correlations.

散点图可用于显示两个变量之间的关系,其中每个变量分别在X轴和Y轴上编码。 在解释相关性时特别有用。

Image by Author
图片作者

Line Graph

线形图

Line graphs are best when it comes to plotting continuous data like date and time. Since all the points are connected using a line, it’s easy to interpret continuous data, but at the same time, it doesn’t make sense for plotting categorical variables. Line graphs can be used to show a single series or multiple series of data, as shown in the figure.

折线图最好用于绘制连续数据,例如日期和时间。 由于所有的点都用一条线连接,因此很容易解释连续的数据,但是同时绘制分类变量也没有意义。 折线图可用于显示一个或多个数据系列,如图所示。

Image by Author
图片作者

Slope Graph

斜率图

Slope graph is simply a special case of line graph which is ideal for comparing change in metrics over two different points or time periods. This is really good to intuitively show the rate of change (increase or decrease rate is indicated by the slope of lines) along with the absolute values.

斜率图只是线图的一种特殊情况,非常适合比较两个不同点或时间段上度量的变化。 这对于直观地显示变化率(直线的斜率表示上升或下降的速度)以及绝对值非常好。

Image by Author
图片作者

Next, we’ll look at a few variations of the bar chart, which is ideal for categorical variables. Bar charts tend to be avoided because they are common, but since they are common, it’s very easy for the readers to understand bar charts compared to other types of visuals. This makes bar charts one of the most important forms of visuals.

接下来,我们将看一下条形图的一些变体,它是分类变量的理想选择。 由于条形图很常见,因此倾向于避免使用条形图,但是由于它们很常见,因此与其他类型的视觉效果相比,读者很容易理解条形图。 这使条形图成为最重要的视觉形式之一。

Vertical Bar

竖条

This is the plain bar chart where each column represents a category. Similar to line graphs, bar charts can also hold multiple series.

这是简单的条形图,其中每列代表一个类别。 与折线图相似,条形图也可以容纳多个系列。

Image by Author
图片作者

Stacked Vertical Bar

堆叠竖条

Stacked bar charts can be used to compare subcomponent pieces across different categories. It can hold either actual numbers or percentages using a 100% stacked chart.

堆叠的条形图可用于比较不同类别的子组件。 它可以使用100%堆积图来保存实际数字或百分比。

Image by Author
图片作者

Again you mustn’t stuff the categories with too many subcomponents as it becomes difficult to understand and compare.

同样,您也不能用太多子组件来填充类别,因为这将变得难以理解和比较。

Waterfall

瀑布

A waterfall chart is another special case of a vertical bar that can be used to either pull subcomponents of a stacked bar to focus one at a time, or to show a starting point, increases and decreases, and the resulting ending point.

瀑布图是垂直条的另一种特殊情况,可用于拉动堆叠条的子组件一次集中焦点,或显示起点,增加和减少以及最终的终点。

Image by Author
图片作者

Horizontal bar

单杠

A horizontal bar is often the go-to option for categorical data because it’s easy to read than the vertical bar and can also accommodate large category names. Similar to vertical bars, it can also have single or multiple series of data.

水平条通常是分类数据的首选选项,因为它比垂直条更易于阅读,并且还可以容纳较大的类别名称。 类似于竖线,它也可以具有单个或多个系列的数据。

Image by Author
图片作者

Stacked Horizontal Bar

堆积单杠

This is similar to the stacked vertical bar chart but comparatively better because of the reasons discussed for the horizontal bar.

这类似于堆叠的垂直条形图,但是相对更好,因为讨论了水平条形图的原因。

Area Graph

面积图

Area graphs should be avoided whenever possible because human eyes are not so good at comparing values in two-dimensional space. But if you badly want to include multiple metrics, then the area graph might work out.

应尽可能避免使用面积图,因为人眼不太擅长在二维空间中比较值。 但是,如果您非常想包含多个指标,则面积图可能会适用。

With this, I’ve covered graphs that can be used to visualize a majority of data available out there. So choose a graph that can clearly explain the message that you’re trying to convey.

到此为止,我已经介绍了可用于可视化大部分可用数据的图表。 因此,选择一个可以清楚地解释您要传达的信息的图表。

As we’ve gone through the best practices, now it’s time to look at some of the practices to be avoided.

当我们经历了最佳实践时,现在该考虑一些应避免的实践了。

Visual Practices to be Avoided

避免视觉行为

Avoid using pie charts because the readers have to compare areas of the arc, which becomes very difficult and is not intuitive. Using a standard bar chart makes it much easier to interpret. Look at the example below to understand better.

避免使用饼图,因为读者必须比较弧的区域,这变得非常困难且不直观。 使用标准条形图使解释变得更加容易。 查看下面的示例以更好地理解。

Image by Author
图片作者

Never use 3D charts. 3D charts create unnecessary distractions and make it difficult to interpret. So never use 3D.

切勿使用3D图表。 3D图表会造成不必要的干扰,并使其难以解释。 因此,切勿使用3D

Conclusion

结论

I hope this article would have given you a good understanding of different visuals and the right place to use each visual. So always choose a visual that adequately conveys the information you are looking to present. And, coming to the application/software that you can use, it’s entirely up to you. Excel, Tableau, Power BI, Google Sheets are some available applications, and you can use anything that you are comfortable with. Remember that the graphing application does not know the actual purpose of the visual, and it’s on you to customize it according to the need. I hope it helped.

我希望本文能使您对不同的视觉效果有很好的理解,并能正确使用每种视觉效果。 因此,请始终选择能够充分传达您要呈现的信息的视觉效果。 而且,使用您可以使用的应用程序/软件,完全取决于您。 Excel,Tableau,Power BI,Google表格是一些可用的应用程序,您可以使用任何您喜欢的东西。 请记住,制图应用程序不知道视觉效果的实际用途,您可以根据需要自定义视觉效果。 希望对您有所帮助。

翻译自: https://towardsdatascience.com/ultimate-guide-to-choosing-the-right-visual-2a77aa8eec08

视觉工程师面试指南


http://www.taodudu.cc/news/show-893891.html

相关文章:

  • 问题反馈模板_使用此模板可获得更好,更有价值的UX反馈
  • iofd:文件描述符_文字很重要:谈论设计时18个有意义的描述符
  • 数据可视化 信息可视化_可视化哲学的黎明
  • 重口味动漫_每种口味的图标样式
  • 从头开始vue创建项目_我正在以设计师的身份开始一个被动的收入项目。 从头开始。...
  • 英国文化影响管理风格_文化如何影响用户体验
  • element ui 空格_空格是您的UI朋友。 大量使用它。
  • qt 设计师缩放_重新设计缩放体验
  • 安卓应用部件_设计应用程序小部件的痛苦和喜悦
  • ux设计中的各种地图_UX设计中的空白
  • ux设计中的各种地图_如何在UX设计中使用颜色
  • figma设计_Figma中简单,可重复使用的设计系统
  • 访问25%无法访问的人-如何设计可访问性
  • 架构师论坛 创业_我在早期创业时作为设计师学到的东西
  • qt按钮禁用和激活禁用_为什么试探法只是经验法则:禁用按钮的情况
  • 好奇心机制_好奇心问题
  • 小程序设计避免犯什么错_新设计师犯下的5种印刷错误以及如何避免
  • 移动设备web文字单位_移动设备如何塑造现代Web设计
  • hp-ux修改时区方法_UX研究人员可以倡导人类的6种方法
  • 为什么张扬的人别人很讨厌_为什么每个人总是讨厌重新设计,即使他们很好
  • 学习ui设计_如果您想学习UI设计,该怎么办
  • css 字体字体图标_CSS基础知识:了解字体
  • mysql下载哪一代版本好_潮一代更好的设计
  • 预约清单ui设计_持续交付质量设计所需的UI清单
  • 静态创意和动态创意_我在22岁时学到的关于创意指导的知识
  • 绝对编码和增量编码_用户体验设计师应该学习编码吗? 绝对
  • 完美主义怎么解决_相信我,你不要完美主义
  • 为什么ui框架设计成单线程_评估UI设计的备忘单
  • css 菜单栏悬停_在CSS中构建悬停菜单
  • 一级学科和二级学科_在多学科团队中工作的6个障碍(以及如何解决这些问题)

视觉工程师面试指南_选择正确视觉效果的终极指南相关推荐

  1. 软件测试工程师面试秘籍_成为一名出色的软件工程师的一个秘诀:阅读代码

    软件测试工程师面试秘籍 通过建立例程和阅读代码的习惯来成为更好的程序员 这是我偶尔写的系列文章" 给年轻软件工程师的笔记"中 的帖子 . 在 这里 注册 . Redis的代码片段 ...

  2. 机器学习模型 非线性模型_调试机器学习模型的终极指南

    机器学习模型 非线性模型 You've divided your data into a training, development and test set, with the correct pe ...

  3. c++编码风格指南_100%正确的编码样式指南

    c++编码风格指南 Here are three links worth your time: 这是三个值得您花费时间的链接: The 100% correct coding style guide ...

  4. 算法工程师面试问答_文本分类

    [关于 文本分类]那些你不知道的事 一. 抽象命题 1.1 分类任务有哪些类别?它们都有什么特征? 分类任务是机器学习中最常见的监督学习任务之一.以文本分类为例,情感分类,新闻分类,主题分类.问答匹配 ...

  5. IT专业报考指南:选择正确的学校和课程

    引言:随着高考的技术,男怕入错行,女怕嫁错郎,专业的选择也是至关重要的,当准备报考IT专业时,选择适合自己的学校和课程是至关重要的一步.随着信息技术的快速发展和应用范围的不断扩大,IT行业的就业前景变 ...

  6. 算法工程师面试问答_机器学习算法_MachineLearningAlgorithm

    [关于 集成学习]那些你不知道的事 一.动机 不同的模型通常会在测试集上产生不同的误差:如果成员的误差是独立的,集成模型将显著地比其成员表现更好. 二.集成学习介绍篇 2.1 介绍篇 2.1.1 集成 ...

  7. kafka 复制因子_选择正确的分区计数复制因子apache kafka

    kafka 复制因子 A Small Introduction to Kafka! 卡夫卡小介绍! So before we learn about Kafka, let's learn how co ...

  8. 正确的选择大于努力_选择正确技术的11个注意事项

    正确的选择大于努力 作为软件专业人员或发烧友,在技术组件方面,我们不知所措. 仅查看消息队列空间,您就可以选择Kafka,RabbitMQ,ActiveMQ,HornetQ等,也可以使用大型云提供商之 ...

  9. 差分放大电路差模共模公式_选择正确的放大器

    运算放大器可以执行任何放大器功能,是最基本的器件.运算放大器的名称源于模拟计算机占主导地位且反馈放大器执行数学功能的时代.反馈使放大器的性能取决于无源器件.电阻器和电容器,而不是有源器件.基本的运算放 ...

最新文章

  1. Java_apply_in_automatic_system
  2. VMware记录(一)- vCenter Server 服务安装提示无法解析此完全限定域名
  3. 网站输入正确账号密码页面刷新一下_Folx的密码管理保存网站登陆信息
  4. 批量管理Linux服务器,命令行工具Omnitty
  5. 语法之知识点的改进(Func/Action)
  6. java学习(31):for循环
  7. Set与WeakSet
  8. ngx_http_headers_module模块add_header和expires指令
  9. 更新T1表,要添加一个条件A,但T1表没有A字段
  10. 系统各层关注的内容【DDDD笔记】
  11. MatLab基本知识学习 详细!
  12. html5页面制作成品,dw网页设计成品代码
  13. 增量式PID计算公式4个疑问与理解
  14. ExtJs6学习(五)【Extjs MVC开发模式详解】
  15. 小米路由器R4 TTL刷不死Bread第三方固件写入升级
  16. Nginx 实现 https
  17. Gooxi国产化服务器专题介绍之海光服务器
  18. 丁鹿学堂:js字符串转数组常用方法总结
  19. 2022-2028全球人造黄油结晶器行业调研及趋势分析报告
  20. 素材网站需要多大的服务器,网站图片一般多大尺寸

热门文章

  1. 双缓冲 android,Android 的 SurfaceView 双缓冲应用
  2. C++标准库与Java基础类对照表
  3. 最新的一些开源face alignment及评价
  4. python下载文件传到服务器_python实现FTP文件传输的方法(服务器端和客户端)
  5. int0低电平触发c语言,单片机中断的解释.ppt
  6. Uva 1625 - Color Length(DP)
  7. TOJ5398: 签到大富翁(简单模拟) and TOJ 5395: 大于中值的边界元素(数组的应用)...
  8. 基于数据库的事务消息解决分布式事务方案
  9. Unity GeometryShader(从一个线框渲染的例子开始)
  10. (转)细说Cookie