Bar chart race generator – 0 門檻,在線生成條形競賽圖動畫

Bar chart race generator 是一個只需要數據(.csv)就能生成目前非常流行的條形競賽圖動畫的開源項目,一鍵、自動、生成,堪稱 0 門檻。 @Appinn

Bar chart race generator - 0 門檻,在線生成條形競賽圖動畫 1

可能,這篇文章主要介紹怎麼創建一個 .csv 數據文件,而不是如何使用 Bar chart race generator 😂

Bar chart race generator 在 GitHub 開源,你可以自己部署,或者直接使用在線版本:https://fabdevgit.github.io/barchartrace/

使用方式簡單,先上傳 數據 .csv 文件,再選擇標題、行數、間隔,就能開始動畫了。

Bar chart race generator - 0 門檻,在線生成條形競賽圖動畫 2

可以先選取右側的示例數據來嘗試,研究數據格式也可以直接下載示例數據,比如這里以 StackOverflow questions per language 為例,下載後的數據格式是這樣的:

Date python c# javascript java php
2008-12-1 3.598865979837 13.255000550093600 4.7503359540756 7.3213074395536 4.0078324108682000
2009-1-1 3.7438229213154 13.569751703493000 4.898567392357 7.606639317315600 3.96306658387
2009-2-1 3.6876969828444000 14.182035523608800 5.0679653763862 7.358513289351000 4.1527288488246
2009-3-1 3.7361314551566000 14.546982830800000 5.056435621974400 7.183866533418800 4.1887353500128
2009-4-1 3.7430396826692000 14.933382912580000 5.1279177961244000 7.109824381643000 4.3020487136032
2009-5-1 3.7885167995886 15.050880439172600 5.202145266104800 7.142716862131800 4.4238621791792
2009-6-1 3.7323013117104 14.801047475774000 5.306003888145600 7.1904964952744 4.7431474931994
2009-7-1 3.7326003851286 14.564039793773800 5.307366937040400 7.213424981032800 5.1273660276464

結構非常簡單,為不同編程語言,為時間,只需要把上面的數據格式改為你自己的數據,就能生成條形競賽圖了。

效果是這樣的:

目前的 Bar chart race generator 還不支持導出 GIF 動畫或者視頻,開發者說建議自行錄屏,或者參與開源項目貢獻這部分代碼。

至此,一個簡單的條形競賽圖動畫就製作完成了,除了準備數據,真的是 0 門檻,很贊。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *