kazu634
/
blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

画像の差し替え

This commit is contained in:
Kazuhiro MUSASHI 2020-03-01 21:05:51 +08:00
parent a15d6c2538
commit f1d5fc0d24
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
content/labs/visualization/2020-03-01-how-to-use-metabase-geojson.md
View File

@ -28,7 +28,7 @@ thumbnail = "images/41603208672_984110305c_z.jpg"
[Gist](https://gist.github.com/kazu634/0894e86b52340aa677dd2ebb63acd553)にGeojsonを貼り付けると、自動的に地図上に表示してくれます。私の場合はこのようになりました: [Gist](https://gist.github.com/kazu634/0894e86b52340aa677dd2ebb63acd553)にGeojsonを貼り付けると、自動的に地図上に表示してくれます。私の場合はこのようになりました:
[image:C79A56A3-CC64-46E0-BFF5-2106626F3C99-4557-00003011AF9D165C/Screenshot 2020-02-29 at 8.42.47 PM.png] <a data-flickr-embed="true" href="https://www.flickr.com/photos/42332031@N02/49600167212/in/dateposted-public/" title="Screenshot 2020-02-29 at 8.42.47 PM"><img src="https://live.staticflickr.com/65535/49600167212_728597d7f9_z.jpg" width="640" height="357" alt="Screenshot 2020-02-29 at 8.42.47 PM"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
個人的な都合で、東南アジア各国だけでなく、インドと台湾も含めております。また、シンガポールは点にしか過ぎなくなるため、ベトナムとフィリピンの間の領域をシンガポールとしました。 個人的な都合で、東南アジア各国だけでなく、インドと台湾も含めております。また、シンガポールは点にしか過ぎなくなるため、ベトナムとフィリピンの間の領域をシンガポールとしました。
@ -38,31 +38,29 @@ thumbnail = "images/41603208672_984110305c_z.jpg"
### 地図の登録 ### 地図の登録
以下のように指定してあげます。まずは[Metabase](https://github.com/metabase/metabase)の管理画面を表示させます: 以下のように指定してあげます。まずは[Metabase](https://github.com/metabase/metabase)の管理画面を表示させます:
[image:D620279F-5D1A-46ED-A839-0340C80F7266-10438-00000769D27D3D24/Photo Mar 1, 2020 115309.jpg] <a data-flickr-embed="true" href="https://www.flickr.com/photos/42332031@N02/49603176822/in/dateposted-public/" title="Untitled"><img src="https://live.staticflickr.com/65535/49603176822_673946f0ee_z.jpg" width="452" height="640" alt="Untitled"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
以下の画面が表示されるので、左側のメニューから`Maps`をクリックし、表示される画面から`Add a map`をクリックします: 以下の画面が表示されるので、左側のメニューから`Maps`をクリックし、表示される画面から`Add a map`をクリックします:
[image:BFFC4028-D97E-49EC-B487-C2283CABC885-10438-0000076A0F43407A/Photo Mar 1, 2020 115351.jpg] <a data-flickr-embed="true" href="https://www.flickr.com/photos/42332031@N02/49603176977/in/dateposted-public/" title="Untitled"><img src="https://live.staticflickr.com/65535/49603176977_fc000ed6e7_z.jpg" width="640" height="447" alt="Untitled"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
そうすると以下のような画面が表示されます: そうすると以下のような画面が表示されます:
[image:8DF8C01F-5EEB-41A6-B5FA-7B87E310EEBC-10438-0000076A60BA0827/Photo Mar 1, 2020 115448.jpg] <a data-flickr-embed="true" href="https://www.flickr.com/photos/42332031@N02/49602412843/in/dateposted-public/" title="Untitled"><img src="https://live.staticflickr.com/65535/49602412843_bc1f27aa49_z.jpg" width="640" height="447" alt="Untitled"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
必要事項を入力していきます: 必要事項を入力していきます:
[image:DABE1F04-F594-4D96-9924-ECA4C73C3E4F-4557-00002F51AF4372B3/Screenshot 2020-02-29 at 8.26.42 PM.png] <a data-flickr-embed="true" href="https://www.flickr.com/photos/42332031@N02/49600117502/in/dateposted-public/" title="Screenshot 2020-02-29 at 8.26.42 PM"><img src="https://live.staticflickr.com/65535/49600117502_26d95cd40f_z.jpg" width="640" height="316" alt="Screenshot 2020-02-29 at 8.26.42 PM"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
### 作成した東南アジア地図を用いる ### 作成した東南アジア地図を用いる
地図を作成する際に、`Region map`を指定し、先程追加した`Region map`である`South East Asia`を指定します。BIツールが参照するデータベースのカラムにはGeojsonで定義した国コード (= short) と同じものが入力されていることを確認した上で、国コードが格納されているカラムを指定してあげます: 地図を作成する際に、`Region map`を指定し、先程追加した`Region map`である`South East Asia`を指定します。BIツールが参照するデータベースのカラムにはGeojsonで定義した国コード (= short) と同じものが入力されていることを確認した上で、国コードが格納されているカラムを指定してあげます:
[image:97C6AC6B-C03C-4DF1-9BF7-5229AFBEDC56-4557-00003036C87E5F84/Screenshot 2020-02-29 at 8.45.26 PM.png] <a data-flickr-embed="true" href="https://www.flickr.com/photos/42332031@N02/49599923081/in/dateposted-public/" title="Screenshot 2020-02-29 at 8.45.26 PM"><img src="https://live.staticflickr.com/65535/49599923081_ef42a23903_z.jpg" width="436" height="640" alt="Screenshot 2020-02-29 at 8.45.26 PM"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
## 可視化の結果 ## 可視化の結果
このような形で可視化できるようになりました: このような形で可視化できるようになりました:
[image:C1AAAEC9-7930-4E2D-AF20-4CAA26AA9DF2-4557-000030431B8ED689/Screenshot 2020-02-29 at 8.44.42 PM.png] <a data-flickr-embed="true" href="https://www.flickr.com/photos/42332031@N02/49600180132/in/dateposted-public/" title="Screenshot 2020-02-29 at 8.44.42 PM"><img src="https://live.staticflickr.com/65535/49600180132_166fb7941f_z.jpg" width="640" height="349" alt="Screenshot 2020-02-29 at 8.44.42 PM"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
## まとめ ## まとめ
地図による可視化はチャレンジしてみたかったのですが、[Metabase](https://github.com/metabase/metabase)による可視化は自分でGeojsonを作成することができるため、カスタマイズが可能で色々と試してみたくなります。 地図による可視化はチャレンジしてみたかったのですが、[Metabase](https://github.com/metabase/metabase)による可視化は自分でGeojsonを作成することができるため、カスタマイズが可能で色々と試してみたくなります。