本圖表為收集了一部名為《異世界迷宮の最深部を目指そう》(簡稱いぶそう)的網路小說,於2019年的UV(unique page views)的資料所繪製而成。
設計說明:
載入動畫:最初載入時,長條圖會逐月成長,模擬時間流動的意象。
詳細標註:將滑鼠移至長條圖上時,長條圖會變色並顯示該月的詳細UV。
背景顏色:將資料分組,用以分隔兩個的大事件(4月的重新連載與7月的漫畫化),藉此更加顯著地表現它們對UV的影響。
設計選擇:
Mark
線段:人們最熟悉的媒介之一,且長度的比較也是最直觀、精確的呈現方式。
Channel
長度:表示數值的大小。
背景顏色:以不同顏色來替資料分組。
顏色:用以表示現在關注的資料。
經驗法則:
Eyes beat memory
動畫用於最初呈現時間的意象上,不做太多變化,避免眼花撩亂。
Overview first, zoom and filter, details on demand
先呈現整體資料,滑鼠移過去後才會顯示詳細資料。
Responsiveness is required
詳細資料的出現、長條圖的變色不要等太久。
資料來源:
『異世界迷宮の最深部を目指そう』アクセス解析