本文作者：Jakub Juszczak 编译：胡子大哈 翻译原文：http://huziketang.com/blog/posts/detail?postId=58e5e0e1a58c240ae35bb8e0 英文连接：Creating stunning charts with…

基本图表一共有六种，分别是柱状图、折线图、散点图、气泡图、饼图和雷达图。前面五种图形都已经介绍过如何实现了，今天我们一起来看看最后的雷达图。

在《基于 D3.js 的柱状图的实现》中已经介绍过如何用 D3.js 来实现一个简单的柱状图了。现在就让这道新世界的大门再打开一些，我们来用 D3.js 来实现折线图。

数据可视化一直是前端领域中不容忽略的一块领域。简而言之，数据可视化就是借助图形化的手段把生硬的数据生动化，以此来展示出数据想要表达的信息。而图表是大家最最最通常的一种数据可视化手段，可全靠自己纯手动编写各种图表实在是让人头疼，各种计算各种烦。没事儿，现在就为大家打开一道新世界的大门——用 D3.js 来实现柱状图。

在前面的几篇文章里，我已经介绍过怎样用柱状图、折线图、散点图和气泡图这四种基本图表。这四种图表都是有坐标轴的，现在来说一种没有坐标轴的图表——饼图。

在之前的《基于 D3.js 的柱状图的实现》和《基于 D3.js 的折线图的实现》中，已经介绍过柱状图和折线图了。今天来说说非常相似的两种图表——散点图和气泡图。