Slide 1

Slide 1 text

3D震源マップ Japan EQ Locator はこう動いている︕ 草薙 昭彦 AKIHIKO KUSANAGI

Slide 2

Slide 2 text

⾃⼰紹介 u 草薙 昭彦 (くさなぎ あきひこ) u Postman 株式会社 テクノロジーエバンジェリスト u Mapbox ジャパン アンバサダー u 2016年からシンガポール在住 u 最近のビジュアライゼーションワーク u Mini Tokyo 3D u Sea Level Rise 3D Map u Mapbox GL JS Rain Layer u Ukraine Live Cams @nagix

Slide 3

Slide 3 text

Japan EQ Locator 概要 u ⽇本周辺の地震の3D震源マップ u 気象庁の震源データを元に、2000年以降のマグ ニチュード2以上の地震約64万件を表⽰ u 震源の深さの⾊分けと3D表⽰で地下のプレート の構造の学習に最適 u 「最近の地震」メニューから過去30⽇間に発⽣ した有感地震の震度分布を表⽰ u 「過去の巨⼤地震」メニューから気象庁が名称 を定めた規模の⼤きい地震の震度分布を表⽰ u X(旧Twitter)と連動して発⽣した地震の情報を 画像・リンク付きで⾃動ポスト https://nagix.github.io/japan-eq-locator/ @EQLocator

Slide 4

Slide 4 text

Japan EQ Locator 誕⽣のきっかけ u 2022年11⽉14⽇の三重県南東沖深さ362km、M6.4の地震 u 硬いプレートに沿って揺れが伝わることにより、離れたところで震度が⼤きくなる 異常震域が⾒られた 出典: 気象庁 防災メモ

Slide 5

Slide 5 text

Japan EQ Locator 誕⽣のきっかけ u 有感地震にならないけど、 意外に深い場所で起きている地震が多い︕ u 震源を3Dでプロットすれば、⽇本の地下の 構造がよくわかるのではないか︕︖

Slide 6

Slide 6 text

Mapbox GL JS + deck.gl u 3D地図ライブラリ Mapbox GL JS と、データ可視化ライブ ラリ deck.gl を組み合わせて、ブラウザで動作する Web ア プリとして JavaScript で作られています u ⼤半の機能はライブラリを利⽤しているため、700⾏程度の プログラムです deck.gl

Slide 7

Slide 7 text

地図のレイヤー 地図(ベースマップ)、 震源の分布、震度の分布 をレイヤーとして重ねて 表⽰ 震源レイヤー (deck.gl) 地図レイヤー (Mapbox) 震度レイヤー (Mapbox)

Slide 8

Slide 8 text

deck.gl で地下に物体を配置した時の問題 u パフォーマンス最適化のため、通常 地下の物体は描画されないように なっている u 視錐台(Viewing frustum)の計算 を修正して地下の点群を表⽰するよ うにして解決 u ブログ記事: Mapbox GL JS + deck.gl で⾼度な 3D データ表現 https://nagix.hatenablog.com/en try/2022/12/31/011441

Slide 9

Slide 9 text

システム全体像 気象庁 地震情報 直近の地震情報・震度分布 画像・リンク⽣成 ポスト 直近の地震情報 リンク ポスト Japan EQ Locator 気象庁 地震⽉報(カタログ編) 震源データ (事前にデータ加⼯) 過去の地震情報 ブラウザ

Slide 10

Slide 10 text

データについて︓震源データ u 地震⽉報(カタログ編) 震源データ https://www.data.jma.go .jp/eqev/data/bulletin/ u 2000年以降のマグニチュー ド2以上の地震約64万件を 抽出し、緯度・経度と深さ だけを格納したファイルを ⽣成

Slide 11

Slide 11 text

データについて︓直近30⽇の地震情報 u 地震情報 https://www.data.jma.go.jp/mult i/quake/ u ページ内で使われている JSON ファ イルから詳細情報・震度分布を収集 https://www.jma.go.jp/bosai/qu ake/data/list.json

Slide 12

Slide 12 text

データについて︓過去の地震情報 u 地震⽉報(カタログ編) 震度データ https://www.data.jma.go.jp/eq ev/data/bulletin/ u 1919年以降の有感地震の詳細情 報・震度分布を利⽤

Slide 13

Slide 13 text

オープンソース u GitHub にてソースコードを公開: https://github.com/nagix/japan-eq-locator

Slide 14

Slide 14 text

2023 年共通テスト: 地理B u 受験に役⽴つ︕

Slide 15

Slide 15 text

2023 年共通テスト: 地学

Slide 16

Slide 16 text

裏技1: 架空の地震が作れる u URLパラメータを指定してみよう u https://nagix.github.io/japan-eq-locator/?lng=139.7652&lat=35.6994& t=2023-08-21T19:00:00&l=東京の後ろ⼾&d=30&s=8&m=10 キー 説明 lng 経度 lat 緯度 t ISO 8601形式の⽇時 l 震央地名 d 震源深さ s 最⼤震度 m マグニチュード

Slide 17

Slide 17 text

裏技2: 1919年〜の全地震の震度分布を表⽰ u まず気象庁「震度データベース検索」を使って結果ページのURLから地震のIDを取得 https://www.data.jma.go.jp/svd/eqdb/data/shindo/ https://www.data.jma.go.jp/svd/eqdb/data/shindo/ index.html#19190329074006 https://nagix.github.io/japan-eq-locator/? id=19190329074006

Slide 18

Slide 18 text

World EQ Locator もあるよ https://nagix.github.io/world-eq-locator/ @WorldEQLocator