［初心者］オープンデータを利用してtableau publicでハザードマップの避難所一覧ダッシュボードを作ってみた。

[DATA Saber APPRENTICE](https://datasaber.world/)としての旅の１ページ
初心者なので書き方などご容赦ください。
Qiita記述については[Markdown記法 チートシート](https://qiita.com/Qiita/items/c686397e4a0f4f11683d#images---%E7%94%BB%E5%83%8F%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF)を参考にしています。

初心者がオープンデータを利用し、tableau publicで避難所一覧地図。
簡単に作れるので、是非データを入れ替えて真似して使ってみてください。
https://public.tableau.com/app/profile/kayv1425/viz/_test3/1_1?publish=yes

誰もが使えるサンプルデータとして[オープンデータ](https://www.digital.go.jp/resources/open_data/)を利用しました。

環境：tableau public2022.4.0(64bit)、win11　
※ubuntuで利用しようとしたらtableau publicのインストールパッケージがありませんでした。linux系で利用する場合はブラウザから利用しましょう。

利用データについて：[佐世保市のオープンデータポータルサイト](https://odcs.bodik.jp/422029/)から[指定避難所一覧（政府CIO標準データセット）](https://data.bodik.jp/dataset/422029_hinanzyomap/resource/c41b4b19-5870-4b3e-aed5-d3becda371e9)をダウンロードしました。
※APIはtableau publicで接続の仕方がわかりませんでした。
![データダウンロード](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3087337/407da0f9-e3a8-cc68-77bc-2006e2e4588d.png)

以下手順
1：tableaupublicを起動させたらダウンロードしたcsvファイルをドロップ。
２：**右下の青く囲んでいる部分が１００行になっている**ので、その左に書いてある**３７１行と同じ数字を打ち込**んでエンターキー。

![個々の画面にドラッグアンドドロップ](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/20230103_02%E6%8C%87%E5%AE%9A%E9%81%BF%E9%9B%A3%E6%89%80%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89.jpg?raw=true)

３：災害時に利用できる避難所を表す災害種別の列のデータを強調して見せるようにしたいので災害種別の文字を消す。
![見る人が必要のない文字をなるべく消す](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/20230103_04%E7%81%BD%E5%AE%B3%E7%A8%AE%E5%88%A5%E3%82%92%E6%B6%88%E3%81%99%EF%BC%88%E8%A6%8B%E3%81%9B%E6%96%B9%E3%82%92%E8%80%83%E3%81%88%E3%82%8B%EF%BC%89.jpg?raw=true)

４：その後に処理を軽くするため、災害時に利用できる避難所を表す災害種別の列をすべて選択しピボットを行います。
![ピボット処理](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/20230103_03%E3%83%94%E3%83%9C%E3%83%83%E3%83%89%E3%81%A7%E6%95%B0%E5%80%A4%E3%82%92%E3%83%87%E3%82%A3%E3%83%A1%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%B3%E5%8C%96%E3%81%97%E3%81%A6%E8%BB%BD%E9%87%8F%E5%8C%96.jpg?raw=true)

５：ピボット処理後リネーム（災害種別と変更）します。
![リネーム](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/20230103_05%E3%83%94%E3%83%9C%E3%83%83%E3%83%89%E5%BE%8C%E3%81%AE%E5%90%8D%E5%89%8D%E5%A4%89%E6%9B%B4.jpg?raw=true)

６：シートタブに移動し、キャンバスで左側のデータの中にCSV内のデータがあることを確認。
![キャンバスが見える](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/5.jpg?raw=true)

７：データ、テーブルの中を下にスクロールすると緯度・経度情報があるので画像のように地理的役割から、軽度と緯度の設定を与える。
その後、緯度、経度、をダブルクリックする。
※画像は違うデータの読み込み画像ですが気にしないでください。
![緯度経度設定](https://raw.githubusercontent.com/Kaysan555/Newbie_on_tableau_public/b16867c0fe470fe3d06a2e9eed6262d4205cb5f7/6.jpg)

８：マークカードにリネームした災害種別を色にドロップ、名称をラベルと詳細に１個づつドロップ、読みカナと住所をドロップ。
![リネーム](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/20230103_06%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%AB%E3%83%BC%E3%83%89.jpg?raw=true)

９：点が見にくいので枠線をつけて少し透過させる。
色ボタンをクリックして不透過度を70%くらいにし、さらに下の線の部分をクリックし、黒を選ぶ。
![枠線のえらびかた](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/11.jpg?raw=true)

１０：点の色について色覚異常がある場合でも見やすいように色設定を変更する。
![色の設定](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/20230103_07%E8%89%B2%E8%A8%AD%E5%AE%9A.jpg?raw=true)


１１：ピボットのフィールド値に使える避難所なのか否かについて1 or nullで値が入っているため、１の場合利用できる避難所として見えるようにフィルターへ「ピボットのフィールド値」をドロップして「１」が表示されるようにチェックを入れる。
![枠線のえらびかた](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/20230103_05%E3%83%94%E3%83%9C%E3%83%83%E3%83%89%E5%BE%8C%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%83%BC.jpg?raw=true)


１２：シートの２番目を作成して直感的に視覚でわかる表を作成をする。
![シート2追加](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/20230103_10%E3%82%B7%E3%83%BC%E3%83%88%E8%BF%BD%E5%8A%A0.jpg?raw=true)

１３：シート２へ移動。



１４：災害種別・名称をダブルクリック、災害種別をマークカードの色にドロップ、
「ピボットのフィールド値」をドロップして「１」が表示されるようにチェックを入れる。
![利用可能避難所だけ表示](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/20230103_09%E5%88%A5%E3%82%B7%E3%83%BC%E3%83%88%E4%BD%9C%E3%81%A3%E3%81%A6%E4%B8%80%E8%A6%A7%E8%A1%A8%E8%A1%A8%E7%A4%BA.jpg?raw=true)



１５：ダッシュボード化のためにダッシュボードを追加
![ダッシュボードを追加](https://raw.githubusercontent.com/Kaysan555/Newbie_on_tableau_public/289f4a91af142be9b60a7b64ad17ee385086d0c3/13.jpg)

１６：ダッシュボードに作成した地図のシートを追加を行い、利用者が操作しやすいように地図を触った時の挙動を変更しておく。
![シート１追加](https://raw.githubusercontent.com/Kaysan555/Newbie_on_tableau_public/6035617ffe7ce24ee597c8ac4d39d142fadb184f/14.jpg)

１７：施設をクリックしたら必要な施設情報だけ表示するように変更したいのでアクションを設定し、フィルター設定でクリックした施設以外の情報は消えるようにする。
![アクション設定１](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/15.jpg?raw=true)
![アクション設定２](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/20230103_11%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%83%BC%E8%BF%BD%E5%8A%A0.jpg?raw=true)
![アクション設定３](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/20230103_12%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%83%BC%E8%BF%BD%E5%8A%A0.jpg?raw=true)

１８：背景地図が分かりにくいので[Open Street Map](https://openstreetmap.jp/)に変更にして完成。![背景変更](https://github.com/Kaysan555/Newbie_on_tableau_public/blob/main/8.jpg?raw=true)



https://public.tableau.com/app/profile/kayv1425/viz/_test3/1_1?publish=yes