; Z. g) M: K* e. p
大数据时代，数据驱动决策。处理不好庞大、复杂的数据，其价值将大打折扣。
2 X- P$ k* h2 _9 v! k
可以想象一本没有图片的教科书。没有图表、图形或是带有箭头和标签的插图或流程图，那么这门学科将变得更加难以理解。人类天生就是视觉动物，而视觉效果对于分析数据、传达实验结果甚至做出惊人的发现至关重要。
; a3 j8 ~* j( U' O6 G
工作中我们可能会接触到很多业务数据，需要在总结汇报中展示呈现，俗话说“字不如表，表不如图”，那么如何缩短数据与用户的距离？让用户一眼Get到重点？让老板赞同你的汇报方案呢？
' G: C% @& a& J _, D 『《大西洋古抄本》是达芬奇的手稿集册中最大的一部，共 12 卷，1119 张，年代分布为 1478 年到 1519 年。每个方块代表一页手稿，上面的颜色代表涉及的主题，包括几何与代数、物理学与自然科学、工具和机器、建筑与应用艺术和人文科学。点开每一个小方块还可以看到每一页上面达芬奇写了什么，涉及了 36 个小话题，包括了马、食谱、绘画、灵魂、童话故事、笑话等很多有意思的小话题。』
" s1 _( Q2 Z; b 
$ p% ?: {) y6 Q
是这样的么？
" m1 l+ C4 ?- s, _* \3 l% y) n) m 这样炫酷的数据可视化，小编真的不会。开个玩笑，其实工作中我们并不需要作出很炫酷的视觉呈现，数据可视化主要旨在借助于图形化手段，清晰有效地传达与沟通信息，有效地传达思想概念，美学形式与功能需要齐头并进，通过直观地传达关键的方面与特征，从而实现对于相当稀疏而又复杂的数据集的深入洞察。因此在设计过程中，每一个选择，最终都应落脚于读者的体验，而非图表制作者个人。
8 l! Y: A6 J' l; A+ x, F/ u/ h. ]8 ^ 你不得不注意的图表制作小技巧
' E5 y- m0 ^. V4 d 条形图的基线必须从零开始
& n7 |$ [/ @: M) Z' f7 u4 d Y轴不从零开始，可以使数据看起来具有比实际存在的更大的差距。这使得可视化会误导传输信息。条形图的原理就是通过比较条块的长度来比较值的大小。当基线被改变了，视觉效果也就扭曲了。
* i8 C3 b8 f5 _1 U# Z) J" U
; W0 i8 v4 _5 Z. e' Z 使用简单易读的字体
" u6 ~/ ]+ J4 k- r4 Y9 s 有些时候，排版可以提升视觉效果，增加额外的情感和洞察力。但数据可视化不包括在内。坚持使用简单的无衬线字体(通常是Excel等程序中的默认字体)。无衬线字体即是那些文字边缘没有小脚的字体。字体选择可以影响文本的易读性，增强或减损预期的含义。因此，最好避免艺术字体并坚持使用更基本的常用字体。
" ]' x4 x7 T2 I 
( p" y+ F" k, m) B% r, A; s Q
0 s u$ b- I) z+ o( \+ E) ^ 打开凤凰新闻，查看更多高清图片
. h- @0 h* X5 N4 ~$ C3 z$ n
6 ~' A# ~ c0 o+ Y) c% k9 b. Q 条状图宽度适度
# o! G% R3 c) ~! J
条形图之间的间隔应该是1/2栏宽度。
% ]3 z0 {; e4 d' E; _) g4 N0 o 
' u) m( @& u' p$ L) D
使用2D图形
1 l# Z2 `* g+ I
虽然他们看起来很酷，但是3d形状可以扭曲感知,因此扭曲数据。坚持2 次元，确保数据准确。
3 t7 o, Z: P6 Z; t2 Q
' w" M5 b7 E4 D' [0 f 使用表格数字字体
% ^ ?% t9 k% W' `6 Y 表格间距赋予所有的数字相同的宽度，使它们排列时能彼此对齐，使比较更容易。大多数流行字体都内置了表格。不确定字体是否正确?就看小数点(或任何数字)是否对齐就行。
! s4 @- T# g2 X2 |. k n
! k2 _# }8 {) O( i8 p5 ? 统一感
( A# F4 W; M' j7 v" h% h
统一感使我们更容易接收信息：颜色，图像，风格，来源……
4 ^! A4 U$ t% |' u! T
连贯的设计将有效融入背景，使用户能够轻松处理信息。最佳可视化帮助观众快速得出数据所呈现的结论
3 Z4 P# `. S( j5 a1 \2 q5 I6 N 
8 M$ k# v. O" a8 d0 t 不要过分热衷于饼图
4 @ ]) j, ~% r 展示多个区块比例大小，所有区块（圆弧）的加和等于 100%。但最好避免使用这个图表，因为肉眼对面积大小不敏感。
8 H7 x6 S6 N' H# X; {1 s
) s \; p9 H4 i 折线图中使用连贯的线条
9 V" e7 O( ^$ r! `. u% E
虚线,虚线容易分散注意力。相反,使用实线和颜色,反而容易区分彼此的区别。
0 ^: N) G w: {# [" t; F1 T
6 o9 h B1 b( b- H 尊重部分所占整体的比例
9 f* w: G: |! u9 N/ ?, T 在人们多选的问题上就会出现比例的重叠，不同选项的百分比之和大于一。为了避免这种情况，不能直接把比例做成统计图。相较于呈现数值，有些图更着重于表现部分与整体的关系。
7 I1 |2 Z. Y, O 
! M: q J& ]7 |" n) H
面积、尺寸可视化
0 ^9 O/ h! S, Q8 V2 T5 A7 G, q* T 对同一类图形（例如柱状、圆环和蜘蛛图等）的长度、高度或面积加以区别，来清晰的表达不同指标对应的指标值之间的对比。制作这类数据可视化图形时，要用数学公式计算，来表达准确的尺度和比例。
/ V4 x5 L7 A( v# S' ]
' v: m1 L5 d( b R, M9 x 使用大小来可视化值
/ E9 a* l2 K; D$ w' M" Q
大小可以帮助强调重要信息并添加上下文提示，使用大小来表示值配合地图使用的效果也非常好。如果您的可视化中有多个大小相同的数据点，它们会混在一起，很难区分值。
, S9 D7 b4 f7 x 
& D( U0 `4 x3 |8 ] 使用相同细节
1 m* M0 q( q* z! k: J
添加的细节(和数字)越多，大脑处理的时间就越长。想想你想要用你的数据传达什么，以及最有效的方式是什么。
! I3 b* V/ p h- S8 Z 使用基础图形
* I) \+ L0 b% T, |* o r
一个很好的经验法则是，如果你不能高效理解，你的读者或听众可能也难理解。因此，坚持使用基础图形:直方图、条形图、维恩图、散点图和线形图。
# G# e0 ]9 S- z% q& x2 b+ ~
% P! O0 h' [4 w: i1 ^ 视图数量
" c7 }$ ~6 `/ Y6 Q+ e4 M
将您的可视化中的视图数量限制为三到四个。如果您添加太多视图，大局会被详细信息所淹没。
0 `/ ^6 k9 m0 ^6 X7 ^0 O+ b
关于图表配色，你可以参考的5条准则
) H- T; Q5 V7 g; D9 |
颜色深浅
! _# P/ [) g/ ]% {/ z/ O. J- e+ E5 b
通过颜色的深浅来表达指标值的强弱和大小，是数据可视化设计的常用方法，用户一眼看上去便可整体的看出哪一部分指标的数据值更突出。
# F, o* |# g9 j0 Z9 D c* N, r 
4 _! c4 c1 K' D5 V& ]
使用同一色系
" _2 ] i" d* ?' O1 r- S
颜色用得太花，会给数据增加不可承受之重，相反，设计师应该采用同一色系，或者类比色。
& [$ V, w' t% j" U# H' r2 a+ q1 _
0 s. q6 a" f0 I# ? 避免使用鲜艳的颜色
: O# d" s# c- R, d7 ?. B/ ~ 明亮鲜艳的颜色就像是把所有的字母都大写想要强调一样，你的听众感觉你在对他们大声推销。单调的颜色，反而能很好地用于数据可视化，因为它们可以让你的读者理解你的数据，而不至于被数据淹没。
/ L- ]1 ^- G0 x$ m+ u* O( [( u - a6 _( Z7 m* N S3 _8 {
标签使用不同颜色区分
9 W; l) L- O& r/ u! V/ Z
在某些情况下，在一段时间或一系列的值中，我们可能测量了不同种类的物体。例如，假设我们测量 6 个月以来狗和猫的体重。在实验结束时，我们想画出每只动物的体重，分别用蓝色和红色区分猫和狗。
3 a2 Q3 ?+ g5 q/ l- ~0 R 4 E. M# j4 F2 K1 R
颜色数量
- m( t( V0 Y B, l c
不要在一张图上使用6种以上的颜色。
+ J# M: y$ w, O8 ]- K # |2 r& `! T5 U; C/ P$ D! v
建议：
! o+ E$ h6 K' j$ Q. ?7 s; k5 h* a2 a. G
使用具有高对比度的颜色
* `# {5 Z) e3 U+ X! Y2 B' o- X
使用带有图案或纹理的颜色来传达不同类型的信息
5 B( w7 _; x# V5 s9 O 使用文本或图标标记元素
9 {4 w! n$ O) N
标准的可视化图表一定有注释
4 t. q1 H! B4 [) E+ h; ? 解释编码
e2 @: `/ k) L0 U2 S
通过一定的形状、颜色和几何图形的结合，将数据呈现出来。为了让读者能读清楚，图表设计者就要把这些图形解码回数据值。
, L) W7 L7 w p/ M 轴标签
4 U S8 i5 q9 h+ l 这可能看起来没有必要，或者不是很有帮助，但是你无法想象，如果你的图表有点混乱，或者看到数据的人对此不是很熟悉，你会被问多少次 x/y 轴代表的是什么。按照前面的两个绘图示例，如果要为轴设置特定名称。
- {$ h; o. K0 R8 x$ w& H 标题
+ ~9 K ]1 U g- w. [
如果我们要将数据呈现给第三方，另一个基本但关键的要点是使用标题，它和之前的轴标记非常相似。
6 J8 s& ?, i* V. V9 f: w7 |, C
0 g f8 d6 C0 G) f+ s C0 [
重点元素做注释
4 d/ X# V' P# E8 v5 Z' ^- }$ K5 a" B
通常情况下，仅仅在图表的左右两侧使用刻度本身并不是很清楚。在图上标注值对于解释图表非常有用。
S h8 Z9 Q" A3 N1 S- j$ G
0 i# X- m" g& e" h% G
重要视图位置
9 m+ l) W: o0 o2 x* ^. w 将最重要的视图放置在顶部或左上角。眼睛通常会首先注意到该区域。
! }$ v# ^" |& A& h; @
" G0 T# d# \( g2 F( ^+ o8 \
优秀的可视化图表，遵守的6条原则
1 R7 ]1 \: K) Y' u) ~- Y5 y6 s 数据排序有序
: h6 ~4 L) |8 O- y. ^! M. H2 j
数据类别按字母顺序,大小顺序,或价值进行排序，以一种合乎逻辑的和直观的方式来引导读者了解数据。
! A l2 |# r5 s' V0 `2 P- u
7 w9 [* l A/ D# G l" I0 m 比较数据
5 i- d6 f4 [! M& ^* N. w( [$ \ 比较是展示数据差异的好法子，但是如果你的读者不容易看出差别的话，那么你的比较就毫无意义。确保所有的数据都是呈现在读者面前,选择最合适的比较方法。
]8 S4 l8 P0 B1 Y( w
9 e4 E' n- j: W$ ?6 i8 j! }, H 不可扭曲数据
: g( w! P+ M3 ?7 A. n; H3 q 确保所有可视化方式是准确的。例如,气泡图大小应该根据区域扩展,而不是直径。
$ s3 g) [5 j4 P% F5 j; U A! s& G" {& S! P, R
展示数据
6 T2 j8 Q: B- N0 g0 K+ U N 让读者看到数据，这是可视化的重点。确保没有数据丢失或被设计。例如,使用标准的面积图时，可以添加透明度,确保读者可以看到所有数据。
\) ?- H5 Z6 Y0 F
删除变量
+ [' \6 J, ]& H( R% w# n- J 很多时候，太多的信息会影响读者的注意，从可视化中删除隐含信息是一个好主意，在这种情况下，我认为我们不需要在轴中包含变量的名称。
5 r- P! F4 U. T+ M& I6 s _- u
避免数据噪音
0 {8 G; b, @$ Z 把不重要的东西减到最少或者去掉。这包括减弱或移除图形线，改变轴线、图形线的颜色，以及用浅灰色描绘电子表格行。使得“数据比率”可以达到一个很高的水平，听众会更容易明白其中的数据情况。
7 ~- D# z, j0 y4 S1 O( `% o
a. J1 x* c% ` k1 r1 G 良好的数据可视化应该通过使用图形，清晰有效地传达数据信息。最佳可视化使您可以轻松地一目了然地理解数据。他们将复杂的信息以一种简单的方式分解，使目标受众能够理解并以此为基础做出决策。
3 ?. K; I6 V3 V5 X$ t 正如Edward R. Tufte指出的那样，“设计的基本考验是它有助于理解内容，而不是它的时尚性。”数据可视化尤其应该坚持这一理念。目标是通过设计增强数据，而不是引起对设计本身的关注。
' i9 z$ ^0 M: x$ i3 k3 y5 L
各平台同名“职坐标在线”
' t- }7 {! A! s& W4 x
