動態線圖+水球圖，很是精美！

1 飛機圖標怎麼加上去的？

這是今天完成的一個動態線圖，裏面的一個小亮點是飛機圖標。你們下載個人代碼後，發現裏面有一個planePath字符串，以path://開頭，那麼它是如何得來的？今天告訴你們：

首先去www.iconfont.cn/下載一個svg圖標，使用一個文本編輯器打開，找到<path>標籤，planePath等於path://+提取下面的橘色內容：

如有多個<path>，在代碼中能夠創建多個 img1='path://..';  拼接圖形：img=img1+img2+...

2 水球圖邊緣如何作出立體感？

水球圖顯示某幾個數值大小，波浪流動，顯示很是醒目。經過2個水球圖的對比顯示拜登和川普最新支持率狀況。併爲標題添加了超連接，顯示數據引用地址。細心的讀者可能注意到，水球圖邊緣有一種立體感，這種是如何作出來的？

以上做品全部完整源碼，只需在個人公衆號裏回覆 geo 便可。

同時，歡迎關注 可視化之美 視頻號，我正在陸續打造 100 個可視化精美做品：

本文分享自微信公衆號 - Python與算法社區（alg-channel）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。