ビジネスインテリジェンス
Mapbox GL JS
検索

事例一覧に戻る

Flowmap.blue

Mapbox GL JSとGeocoding APIを使用して構築することで、FlowmapBlueは顧客満足度を高め、フローマップの作成を大幅に高速化しました。

Mapbox を使用して構築する主な利点

  • Mapbox GL JSによるカスタムフローマップの高速かつシームレスな作成
  • Mapbox Geocoding APIは、地名や住所を地理座標に変換することで、開発を簡素化します。
  • deck.glとスムーズに統合する柔軟でコスト最適化されたプラットフォーム

これはレイアウト確認用のダミーテキストです。

これはレイアウト確認用のダミーテキストです。

使用された製品

Mapbox GL JS
検索

FlowmapBlueについて

FlowmapBlueは、地理的な場所間の移動の集計数をフローマップとして表現するための無料ツールです。これは、場所のペアが関与するさまざまな現実世界の現象を視覚化するために使用されます。起源と目的地。このツールは小さなプロジェクトとして始まりましたが、そのような視覚化の多様な使用範囲により、都市モビリティ、旅行または通勤行動、自転車共有、人間または鳥の移動、難民の流れ、海上交通、貨物輸送、国間の貿易、サプライチェーン、科学的コラボレーション、または歴史的データなど、さまざまな業界でプロジェクトがすぐに人気を博しました。 

地理的な動きに関する複雑なデータを直感的な視覚的表現に変えることで、このツールは、そのようなデータがどのように消費され、理解されるかを変革することを目指しています。

データ可視化アニメーションのスケールアップ 

FlowmapBlueの核となるアイデアは、ユーザーが起点/終点データの視覚化プロジェクトをスムーズに作成できるようにすることですが、主要なツールコンポーネントである、地理的な場所間の複雑で集約された移動を視覚的な表現に変換することは、プログラミングの知識や特殊なソフトウェアを必要とする手動で時間のかかるプロセスでした。FlowmapBlueの作成者であるIlya Boyandinは、データ視覚化の研究中に、特別な知識がなくてもフローマップを作成できるシンプルで直感的なツールが必要であることに気づきました。さらに、Ilyaは、FlowmapBlueの構築の基礎となる効率的なWebGL視覚化フレームワークdeck.glを強化できる柔軟なソリューションを探していました。

スケーラブルなロケーション基盤 

Ilya が FlowmapBlue の開発を始めたとき、彼はフローマップの作成プロセスをユーザーにとって可能な限り簡単にするという目標を掲げ、ベースマップをレンダリングするための優れたソリューションを探しました。Mapbox はより柔軟で、コスト最適化されており、視覚化のためのクロスフレームワークである deck.gl とスムーズに統合できました。

特別な知識がなくてもフローマップを作成できる、シンプルで直感的なツールが必要でした。Mapbox GL-JSとDeck.glは、これを構築するための素晴らしい基盤を提供してくれました。
Ilya Boyandin, Creator, Flowmap.blue

豊富な Mapbox GL JS のドキュメントを利用することで、FlowmapBlue へのベースマップレイヤーの追加はスムーズに進み、すぐに Ilya は新しい機能でアプリケーションを拡張していました。

これはレイアウト確認用のダミーテキストです。

これはレイアウト確認用のダミーテキストです。

数分で構築できるシームレスな地図の視覚化

Mapbox GL JSを使用することで、FlowmapBlueは、ユーザーが独自の機能を使用してデータ視覚化を作成できるアルゴリズムを開発しました。これは、地図がズームレベルやフローの数に関係なく読みやすい状態を維持するように、場所を自動的にクラスタリングし、フローを集約する機能です。クラスタリングは、地図ベースの視覚化を明確にするために、ズームレベルに動的に適応します。ズームインすると、クラスタは徐々に拡大するため、要約のレベルは地図のズームレベルに自動的に適応します。 

Mapboxは、分析と視覚化のための地理的コンテキストを提供するだけでなく、時間のかかる手動プロセスをシームレスな自動化された体験に変えました。 

以前は、フローマップのベースマップを準備するのに数時間、あるいは数日もかかっていました。Mapbox GL JS を使用すると、瞬時に完了します。
Ilya Boyandin, Creator, FlowmapBlue

Mapbox GL JSは、大量の正確なカスタムデータを簡単に処理し、カスタムのインタラクティブマップにシームレスにレンダリングできるため、ユーザーは期待どおりの洗練された視覚化エクスペリエンスを得ることができました。

Mapbox Geocoding APIを使用することで、FlowmapBlueは、場所の名前または住所を地理座標に変換することにより、ユーザーがマップ上で視覚化するためのデータを準備するのに役立ちます。

インディープロジェクトから商用アプリケーションまで

FlowmapBlueがデータスプレッドシートからインタラクティブなフローマップを公開できるようになったことで、誰もがあっという間にフローマップを作成して共有できるようになり、すぐに肯定的なフィードバックが現れました。

10万件のルートの起点・終点データをGoogleスプレッドシートに投入するだけで、http://flowmap.blue が高性能でインタラクティブな地図を即座に生成してくれることに感銘を受けました。パフォーマンスの問題もありません。🙌
アレクサンドラ・カップ, データサイエンスとモビリティの研究者 @HTW_Berlin

CreatorのIlya Boyandinは、Mapboxを使用することで、ツールをスケールアップするためのプラットフォームと、モビリティデータ分析用のよりフル機能の商用バージョン(Flowmap City)を構築する機会が得られることに気づきました。

Mapboxは、Web上での豊富で洞察力に富んだインタラクティブな地図視覚化の展開を簡素化することにより、開発者に新たな可能性を開きます。自家製マッピングサービスの開発と保守に費やす必要がなくなる時間の節約は相当なものです。私の場合、これは「Flowmap City」の作成への道を開く上で不可欠でした。
Ilya Boyandin, クリエーター, Flowmap City

FlowmapBlueとFlowmap Cityは、Mapbox GL JSとMapbox Geocoding APIを統合することにより、分析と視覚化に不可欠な地理的コンテキストを得ただけでなく、専門的な知識を持たないユーザーでも、出発地と目的地の移動データを容易に理解し、視覚化できるように変革しました。

これはレイアウト確認用のダミーテキストです。

これはレイアウト確認用のダミーテキストです。

さあ、始めましょう

アカウントを作成するか、専門家にご相談ください。