創造故事：StoryMap JS and Timeline JS教學

這兩天很幸運地成為資料科學愛好者年會的志工，學到了一些簡單小技巧可以幫助我們快速建置自己的故事新聞。

他交了兩個，分別為：storyMap JS 和 Timeline JS，十分簡單，以下就是他的小教學，一方面分享給大家，一方面也做個筆記了

【StoryMap JS】

storyMaps是用地圖的方式呈現，先給大家看個範例


這是我用World Digest作為範例
 

首先，我們先打開StoryMaps，點選Make a Map Story now，辦完帳號按New後，應該就可以進入這樣的畫面

最左邊的第一頁是封面
如果要開始第一篇新聞，請Add slide

上面的地圖輸入地址，可以顯示你這則新聞會在何地

左邊：
Media那邊你可以放照片，可以放youtube... ...
Credit是你的來源
Caption是你給這張照片的註解

右邊：
Headline放你的標題
下面則是放你的內容

緊接著都打好後，save起來，就可以Publish Changes啦，旁邊的Share可以生成你iframe語法，就可以把它放進個人網站囉

進階的話可以看看每個地方的Option，可以更改自己地圖的樣式哦



【Timeline JS】

Timeline JS也是一個快速建置故事新聞的平台，以時間軸的方式呈現

首先也是打開Timeline JS的官方網站

緊接著打開他預設的版型

輸入完資料後，緊接著發佈到網路

發佈後把網址放到官方網站的Google spreadsheet URL那欄

緊接著下面會產生iframe語法，把它放進你的網站即可囉



這兩天在資科年會不只上了快速建置新聞頁面的課程，還有建置資料視覺化的課程
今明兩天如果有空應該也會把她寫上來，希望多多支持了。