DataJoin(数据连接)是D3中很重要的一个概念。上一章有提到D3是基于数据操作DOM的js库，DataJoin使我们能够根据现有 HTML 文档中的数据集注入、修改和删除元素。

这里使用的是 topoJSON 而非是 geoJSON 数据。网站也有许多网站能够转化文件。 我们定义了一个地图的 path 生成器，通过 projection 方法设置生成器的投影方式。然后我们通过 topojson 拿到 地图数据中各个州的数据，通过 path 元素和生成器…

上文讲了如何得到各种各样的Projection，既然Projection是球体的经纬度在屏幕上的投影，那么我们也可以通过操作这个projection对象来控制投到屏幕上的地图，比如缩放、旋转、移动等等，D3提供了一系列的API操作projection对象，下面介绍一些常用API…

投影地理一个核心的挑战是，地球是球形的，而显示器是平面的。我们在前面介绍了地理信息格式GeoJSON和TopoJSON，无论是这两种格式的哪一种，都是用经纬度来描述几何体或折线的。那么如何将地球上的经纬度，转化为显示器上的坐标？这就用到了D3为我们提供的Projection（投…

Projections projection - project the specified point from the sphere to the plane.将球体上指定的点投影到平面 proj

首先简单说一下Canvas canvas是H5中新增的标签，官方解释说canvas是一块画布，可以在网页中绘制图像，话不多说，来个例子 再了解一下svg svg即可缩放矢量图形，什么是矢量图形呢，也就

SVG Canvas Canvas优势 绘制出来的图形是位图具有很好的渲染性能 适合数据量比较大（>1000） 大量图形高频率交互 适合游戏 可以导出jpg/png图片 Echarts中的热力图 Ec

MapBoxGl Mercator Coordinate 纬度周长 墨卡托经度转换与逆转换 经度区间[-180, 180] 对应 [0, 1] 墨卡托维度转换与逆转换 维度区间[-180, 180]

Shape模块提供各种形状的生成器，这些形状的产生是数据驱动的，通过控制输入数据来形成一种视觉的表现。 饼图生成器不直接产生图形，而是计算出需要的角度信息，然后传入d3.arc中进行绘制。 可以产生样条曲线或者多段线。 默认的设置是构造多条直线段。 构造放射线，与上述d3.li…