我希望以後可以利用動畫來演示分佈式系統的工作原理，所以今天調研了一些製作動畫的方案。本來我是最喜歡用python的，但是沒有找到合適的lib。倒是發現很多js相關的庫。總結一下。
d3
d3js
<code>https://d3js.org/ /<code>
D3.js是一個功能最強大的用於繪圖的JavaScript庫，用於根據數據處理文檔。D3 是 Data-Driven Documents 的簡稱。D3幫助您使用HTML，SVG和CSS使數據栩栩如生。優點是D3例子很豐富，很多例子你可以直接拿來改改就可以用，文檔很全。你可以利用d3做出很多很酷炫的效果圖。缺點是api比較偏底層。而且對動畫的支持不是太方便，缺少現成的api。
gojs
gojs看上去最符合我的需求，文檔全面，例子也很豐富。可以做出各種動畫效果，但是是商業軟件，個人許可也要$3,495。算了，傷不起。
animejs
從名字就可以看出是專門用來做動畫的js庫。 支持各種動畫效果。在github上有超過3萬的點贊和接近3千的fork。例子做的很生動，api也很簡潔，挺適合的。只是沒有對svg的創建等api，可以理解，因為它是專做動畫的。我就先收了。然後再找找svg的js庫。就找到了svgjs
svgjs
從名字上看就知道是專門用來處理svg的。svgjs的文檔也不錯。在github上也有8千的點贊和1千的fork。令我意外驚喜的是它還支持動畫。太好了。就先用他了。如果動畫效果不夠，可以搭配animejs一起使用。
下一步
我打算近兩天用svgjs試著做出一個kafka的啟動過程的演示效果動畫。喜歡的小夥伴可以留言支持和關注。
分享到:
閱讀更多 分佈式系統研究 的文章
