0門檻,輕鬆實現條形競賽圖動畫

0門檻,輕鬆實現條形競賽圖動畫

相信你們會常常在別人的文檔裏或者一些網站上看到條形競賽圖動畫,條形競賽圖對一些數據的展現很直觀,可以作到一目瞭然,你是否也想實現相似的功能的,今天給你們介紹一個工具能夠輕鬆實現屬於你的條形競賽圖動畫。git

下圖是我錄製的官方的demo示例


工具

在線版本

在線版本[1]github

只須要csv文件(須要必定的格式)就能生成目前很是流行的條形競賽圖動畫的開源項目,一鍵、自動、生成,0門檻。在線給出來幾個數據,使用以前你能夠感覺下效果。chrome

固然你也能夠下載這些現成的數據,參考裏面的格式來製做你本身的數據的csv文件。微信

若是是本身的csv文件,使用方式爲: 先上傳csv文件,而後選擇標題、行數、間隔,點擊生成就能開始了。app

GitHub開源地址

github開源[2]工具

其餘

當前還不支持GIF或動畫導出功能,須要你本身進行錄屏操做,這裏推薦下chrome的Capture to a Gif 插件,文章開頭的GIF文件就是用的這個插件錄製的。動畫

歡迎關注個人公衆號「追馬Linux」,原創技術文章第一時間推送。網站

引用連接

[1] 在線版本: https://fabdevgit.github.io/barchartrace/
[2] github開源: https://github.com/FabDevGit/barchartraceui

[3] 參考文檔: https://www.appinn.com/bar-chart-race-generator/spa


本文分享自微信公衆號 - 追馬Linux(zhuima_k8s)。
若有侵權,請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。

相關文章
相關標籤/搜索