【D3.js】 テーブルを使ったヒートマップ(Google Analytics 可視化)

最終更新日

色が濃いほど訪問者数が多い時間となってます。
gsheatmap

Google Analyticsからエクスポートしたデータ(日時、時間毎の訪問者数)を元にd3.jsを使ってテーブルを作成しました。
下記のようなカスタムレポートを作成しCSVでエクスポートしています
gad31

gad32
ダウンロードしたcsvには余計なノイズが入っているので削除します。
↓6行目まで要らない
gad33

これでデータの準備が完成。


example