第8章图表美化

本章涵盖如下内容：

◆ 创建线图

◆ 创建面积图

◆ 创建散点图

◆ 创建气泡图

◆ 创建条形图

8.1 简介

从现在起，我们将会把注意力转向最古老、最广为人知的数据可视化组件——图表。图表是一种定义良好，且表现力极强的数据展现方式。以下定义很好地阐述了这个观点。

（图表中的）数据通过符号来展示，如条形图中的条形、线图中的线条，或者饼图中的块。

Jensen C. &Anderson L.(1991)

图表具备的良好的图形语义和语法，使得它们简洁易懂，这样阅读者的注意力也可以更多地集中在数据以及图形信息上。在这一节中，我们会展示如何使用前面章节提到的技术创建常用的交互式图表。

本章中的范例代码相对较长，这是因为我们意在向读者展示如何实现功能完善，并且可重用的图表 ^[1]。笔者试图将这些代码划分成不同的代码段，每段实现图表的一个具体部分，以便增强你的阅读体验。除此之外，为了得到更好的学习效果，强烈建议你在阅读本章时，打开文本编辑器和浏览器，实时对比不同代码产生的不同效果。

D3图表约定：在开始创建第一个图表前，我们需要先介绍一些社区公认的约定，以保证代码的可用性。