datadesigncn.github.io/part04.html at master · datadesigncn/datadesigncn.github.io · GitHub

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>数据 + 设计</title>
    <link rel="stylesheet" type="text/css" href="theme/html/html.css"/>
<script src="js/retina.min.js" type="text/javascript"> </script>
<script src="js/jquery.min.js" type="text/javascript"> </script>
<script src="js/data-design.js" type="text/javascript"> </script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  </head>
  <body data-type="book">
    <span class="btn open">打开</span>
    <div class="navbar">
      <div class="title">
        <span class="btn close">关闭</span>
        <h1>数据 + 设计</h1>
        <h2>对信息准备与可视化的简要介绍</h2>
      </div>
      <nav data-type="toc" id="idp97216">
  <ol>
    <li data-type="part">
      <a href="titlepage01.html">简介</a>
      <ol>
        <li data-type="copyright-page">
          <a href="copyright-page01.html">版权许可</a>
        </li>
        <li data-type="preface">
          <a href="preface01.html">绪言</a>
        </li>
        <li data-type="foreword">
          <a href="foreword01.html">序</a>
        </li>
        <li data-type="introduction">
          <a href="introduction01.html">怎样使用本书</a>
        </li>
      </ol>
    </li>

    <li data-type="part">
      <a href="part01.html">数据基础</a>
      <ol>
        <li data-type="chapter">
          <a href="ch01.html">基本数据类型</a>
        </li>
        <li data-type="chapter">
          <a href="ch02.html">关于数据聚合/统计</a>
        </li>
      </ol>
    </li>

    <li data-type="part">
      <a href="part02.html">数据采集</a>
      <ol>
        <li data-type="chapter">
          <a href="ch03.html">调查数据简介</a>
        </li>

        <li data-type="chapter">
          <a href="ch04.html">调查问题类型</a>
        </li>

        <li data-type="chapter">
          <a href="ch05.html">其他的数据采集方法</a>
        </li>

        <li data-type="chapter">
          <a href="ch06.html">发现外部数据</a>
        </li>
      </ol>
    </li>

    <li data-type="part">
      <a href="part03.html">让数据就绪</a>
      <ol>
        <li data-type="chapter">
          <a href="ch07.html">数据准备</a>
        </li>

        <li data-type="chapter">
          <a href="ch08.html">数据清理</a>
        </li>

        <li data-type="chapter">
          <a href="ch09.html">数据校对种类</a>
        </li>

        <li data-type="chapter">
          <a href="ch10.html">数据清理的能和不能</a>
        </li>

        <li data-type="chapter">
          <a href="ch11.html">数据转换</a>
        </li>
      </ol>
    </li>

    <li data-type="part">
      <a href="part04.html">数据可视化</a>
      <ol>
        <li data-type="chapter">
          <a href="ch12.html">决定哪些以及多少数据用于呈现</a>
        </li>

        <li data-type="chapter">
          <a href="ch13.html">图形化调查响应结果</a>
        </li>

        <li data-type="chapter">
          <a href="ch14.html">解析信息图</a>
        </li>

        <li data-type="chapter">
          <a href="ch15.html">色彩、字体、图标的重要性</a>
        </li>

        <li data-type="chapter">
          <a href="ch16.html">打印 Vs. 网页，静态 Vs. 交互</a>
        </li>
      </ol>
    </li>

    <li data-type="part">
      <a href="part05.html">不要做什么</a>
      <ol>
        <li data-type="chapter">
          <a href="ch17.html">知觉欺骗</a>
        </li>

        <li data-type="chapter"><a href="ch18.html">常见可视化错误</a>
        </li>
      </ol>
    </li>

    <li data-type="part">
      <a href="#">总结</a>
      <ol>
        <li data-type="chapter">
          <a href="app01.html">资源</a>
        </li>
        <li data-type="chapter">
          <a href="glossary01.html">术语表</a>
        </li>
        <li data-type="chapter">
          <a href="acknowledgments01.html">贡献者/致谢</a>
        </li>
      </ol>
    </li>
  </ol>
</nav>

    </div>
    <div data-type="part" class="blue" data-pdf-bookmark="Part XI. 数据可视化" id="idp6235488">
  <header>
    <h1><img src="images/sections/05/visualizing-data.png"/>数据可视化</h1>
  </header>

  <section class="content" id="idp6113152">
  <p>You finally have everything collected, prepped, and cleaned. Now it’s time to cook! When you’re combining ingredients, some will stand out in your dish, some will play a supporting role, and some will seemingly fade away. Despite these differences, you still need to make sure each ingredient is incorporated properly in order for the dish to succeed as a whole.</p>
  <p>你终于得到了采集、准备、清理好的一切材料了。现在，是时候烹制我们的大餐了。当你组合材料时，有一些是主菜，有一些作为陪衬，还有一些会消失不见。根据这些差异，你需要确保各种材料恰如其分的配合起来，作为一个整体奉上一份大餐。</p>

  <p>You also need to think about how to present the dish in terms of emphasis, functionality, and appropriateness.  For example, if you want to highlight the veggies in a vegetable soup, you may want to chop them instead of puree them.  And you have to find bowls because you’re not going to serve this delicious soup on a flat plate, right?</p>
  <p>你还需要考虑如何呈现这道菜，包括重点、功效、适配。举例来说，如果你想强调蔬菜汤的蔬菜，你应该把蔬菜切断而不是捣成泥。同时，你必须用汤碗来盛汤，而不能是一个碟子，对吧？</p>

  <p>Similarly, deciding which graph types and presentations to use depends on the data behind your visualization and the narrative it supports. Some variables will stand out in your visualization, while others disappear into the calculations for the end result. And then there are other elements to consider - like fonts, colors, and icons.</p>
  <p>类似的，决定用哪种图形类型和使用的呈现方式，取决于你可视化背后的数据，以及数据述说的故事。有一些变量将会在可视化中重点呈现出来，还有一些变量在得到最终结果过程中从可视化中消失掉。然后这里面还有其他的要素需要考虑，比如字体、色彩、图标。</p>

  <p>In this section, we’ll talk about crafting visualizations that help you best tell the story of your data.  We’ll cover tips on choosing what to visualize, deciding which graph types make sense, and giving the right finishing touches to a beautiful and accurate presentation that your audience will be excited to consume.</p>
  <p>在这部分，我们探讨构建可视化，来为你述说数据的故事。我们将谈到一些小贴士，包括如何选择可视化内容，如何决定采用有意义的图形类型，最终正确的完成一个漂亮、准确的呈现，让你的听众从中领悟到兴奋。</p>
  </section>
</div>
    <div class="navigation">
      <ul>
        <li id="next_page"><a href="ch12.html">Next</a></li>
        <li id="previous_page"><a href="ch11.html">Previous</a></li>
      </ul>
    </div>

    <script>
      var _hmt = _hmt || [];
      (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?27111432badf47d1f6260dcd3c815289";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>
  </body>
</html>