D3 笔记四：分组元素、坐标轴、SVG基本图形

本文目前来说，是学完极客学院的《D3.js 入门教程》之后的整理出来的精简知识版，仅仅是为了知识整理。后期我会随着学习的深入，在这个基础上，进行维护与更改。

1. 六种基本图形
   在 SVG 画布的预定义元素里，有六种基本图形：

   • 矩形
   • 圆形
   • 椭圆
   • 线段
   • 折线
   • 多边形

   另外，还有一种比较特殊，也是功能最强的元素：

   • 路径

   画布中的所有图形，都是由以上七种元素组成。

2. 分组元素
   分组元素 <g>，是 SVG 画布中的元素，意思是 group，顾名思义此元素是将其他元素进行组合的容器。

3. 定义坐标轴
   直接先来看示例代码：

   var dataset = [ 2.5 , 2.1 , 1.7 , 1.3 , 0.9 ]