データや情報を誰かに伝える際、地図を使ったストーリーテリングが最適な時ってありますよね。

例えば、人口統計や環境問題、国際紛争や旅行の記録など、地理的な情報に紐づいた情報や状況変化を取材しているデータジャーナリストたちは、グラフィックな地図を用いてストーリーを提供することも多いでしょう。

私たちは、そんな地図を使ったストーリーテリングを効果的かつ簡単に作ることのできるテンプレートを公開しました。このテンプレートはデータジャーナリストやデジタルメディアでストーリーを伝えたい人たちのためのものです。ローコードなテンプレートなので、コーディングの経験も必要ありません。

ローコードなテンプレート

このストーリーテリング用のテンプレートは、ローコードでモジュール化されたテンプレートです。誰でも伝えたい文章を入力し、チャプターごとに表示したい地図の要素を選択することで、コンテンツを効果的に伝えるビジュアル性を備えた、インタラクティブなストーリーテリングを公開できます。出力はHTMLとJavaScriptファイルで、余分なコードを必要としません。またオプションで、Mapbox Studioでスタイリングされたレイヤーを使用したカスタムマップを入力することで、お持ちのデータを使ったストーリーテリングも可能です。

このテンプレートで伝えるのに適しているストーリーは、複数の場所をハイライトするストーリーや、地図上に表示されたデータを伝えるストーリーです。例えば、氷河の大きさの変化に関するストーリーでは、異なる時代/年代ごとの氷河の地図が、その変化を説明するテキストと一緒に表示されます。

他にも、異なる都市の人口統計データの比較、工場の生産量に関するレポートの共有、不動産市場の傾向分析、旅行の旅程を伝える記事、移動のパターンの表示など、様々な情報を伝えるために活用することができます。テンプレートを使ったデモは以下から確認できます。

▼テンプレートを使ったデモ

https://demos.mapbox.com/scrollytelling/

3Dマップにも対応

2020年には、1000人以上の人たちがこのテンプレートを使ってストーリーを公開されましたが、Mapbox GL JS v2と新しい高解像度衛星画像のリリースに伴い、Mapboxを使ったストーリーテリングはこれまで以上にパワフルかつ美しいものになりました。設定を変更することで、3D地形の表現も可能になり、ストーリー表現の幅をさらに広げます。

▲ 3D terrainを用いたストーリーテリング

また、CSSの知識をお持ちの場合、テンプレートに含まれるファイルはシンプルな構造なので、テーマカラーや、レイアウトや間隔、ストーリーの見た目を簡単にカスタマイズすることができます。またチャプターの表示の際にカスタムJavaScript関数を呼び出すことで、ストーリーのインパクトを高めることもできます。カスタム関数を使用して、データを可視化したグラフをチャプターのテキストと一緒に表示したり、マップの凡例の表示を切り替えたりするなど、さまざまな要素を制御することができます。

▲ 地図をゆっくりと回転させることも可能

早速使ってみましょう

このテンプレートを使えば、地図というリッチでインタラクティブなキャンバスとお持ちのデータを活かし、簡単にストーリーテリングを出力して公開することができます。ぜひ以下のリンクからお試しあれ！（コードはgithub BSD 3-Clause Licenseで公開されています）

▼ストーリーテリング用テンプレート

https://github.com/mapbox/storytelling

さらに詳しい情報は以下からご確認ください。（英語）
https://www.mapbox.com/solutions/interactive-storytelling