飓风桑迪动态图表(Hurricane Sandy animated chart)

这几天在北大西洋上纵横驰骋的飓风桑迪（Sandy）竟然抢过了美国大选的风头，连CCTV也是每天报道不断。如此一个飓风到底有多大的威力？通过访问wunderground.com网站可以找到有关这个飓风的相关数据和信息加以了解。

我们可以根据这个网站上所提供的地理信息数据结合Excel图表来绘制飓风路径图，通过气泡图（Bubble Chart）来展现这个飓风的形成和发展过程，观察它的运动方向和强度变化。虽然不是气象专家，但是也可以从中了解一个大概。

这个图的制作过程大致如下：

首先，从wunderground.com上面下载了Sandy飓风的移动路径数据，包括日期时间（每6小时间隔）、经纬度、风力、气压等等，其中的日期和时间要稍作处理转换成Excel便于处理的日期数据。

然后再从网站上下载美国东海岸的地图，其中包括了经纬度坐标线，这非常有利于后面图表的绘制。

将上面的地图插入到表格中，然后在上面绘制一张气泡图，气泡图的X轴数据就是经度数据，Y轴数据就是维度数据，气泡大小取自风力大小的数值。

拖拽移动图表绘图区的边框，使它与底层大西洋地图中的坐标轴线相互重合，然后根据经纬度坐标的读数来设置气泡图中坐标轴的最大值和最小值，这样可以保证气泡图绘制的数据点与地图中实际的经纬度相匹配。

为了展现比较好的动态数据效果，在气泡图中可以准备两组数据，一组显示当前时间点中飓风所在位置，而另一组则显示在此时间点之前飓风所走过的所有路径点。这两组数据都可以根据原始数据来得到，第一组只选取与当前时间相匹配的数据，而将其他数据设为#N/A（#N/A不会在图表中显示数据点）；第二组数据则选取小于等于当前时间点的所有数据，同样将其他数据点设为#N/A。

除了气泡图之外，在这个图表中还添加了一组柱状图来同时展现风力的变化，同样也是使用了两组数据来表现，数据构造方法和上面的气泡图完全一致。

作为动态图表，最关键的部分在于图表参数的控制源。在这个图表中，我使用了一个滑动条来充当日期时间的控制器，每点击一次滑动条就在时间上增加或减少6小时，使它与原始数据当中的时间间隔相符。

滑动条所链接的单元格把数据传递给图表左侧的表格区域中，然后通过对时间点的查询得到相应的经纬度数据和风力风压数据。同时再由这个时间数据生成图表的两组数据源，由此构造形成整个控制链，并完成滑动条对图表的最终控制。

图表中的黄色背景文本框则是通过单元格链接直接从单元格当中获取相关数据点的信息，以达到动态变化的效果。

在此基础上，通过添加VBA代码来实现滑动条的自动控制，最终形成图表自动播放的展示效果。

作为交互式动态图表来说，这是一个比较简单的案例，没有特别复杂的设计，逻辑和数据关联都比较清晰，适合初学者学习此类图表的设计。

图表附件可以在此下载：

此图表也被分享在chandoo.org网站上（http://chandoo.org/wp/2012/10/31/hurricane-sandy-animated-chart/），感谢chandoo的支持和无私分享。

在五月底的时候，我也曾在微博上发过一个与此十分类似的动态图表：全球五月份地震分布图（Earthquakes  in  May  2012），顺便也一起拿出来晒一下。