动态线图+水球图，非常精美！

1 飞机图标怎么加上去的？

这是今天完成的一个动态线图，里面的一个小亮点是飞机图标。大家下载我的代码后，发现里面有一个planePath字符串，以path://开头，那么它是如何得来的？今天告诉大家：

首先去www.iconfont.cn/下载一个svg图标，使用一个文本编辑器打开，找到<path>标签，planePath等于path://+提取下面的橘色内容：

若有多个<path>，在代码中可以建立多个 img1='path://..';  拼接图形：img=img1+img2+...

2 水球图边缘如何做出立体感？

水球图显示某几个数值大小，波浪流动，显示非常醒目。通过2个水球图的对比显示拜登和川普最新支持率情况。并为标题添加了超链接，显示数据引用地址。细心的读者可能注意到，水球图边缘有一种立体感，这种是如何做出来的？

以上作品所有完整源码，只需在我的公众号里回复 geo 即可。

同时，欢迎关注 可视化之美 视频号，我正在陆续打造 100 个可视化精美作品：