ビジネスデータの可視化（Bサイドデザイナー必読、データ可視化マップ作成ガイド）

Bサイドデザイナー必読：データ視覚化マップ作成ガイド

編集者注: GIS マップは、データを反映および分析し、データ間の空間関係を直感的に表現するために使用される新しいタイプのマップです。では、データ視覚化マップはどのように作成するのでしょうか?この記事の著者はこれについて分析しているので、一緒に見てみましょう。

地理情報システム (GIS) は、地理構成情報を視覚化および分析する目的で、地球やその他の地理現象を記述および特徴付けるために使用されるシステムです。

B サイドのデザイナーは、データ視覚化の大画面デザインに多かれ少なかれ関与することになります。 GIS マップは新しいタイプのマップであり、そのコンテンツは静的マップの範囲をはるかに超えています。

ニュース報道では、さまざまな種類のデータ情報を分析して表示するために地図が使用されているのをよく見かけます。地図を使用してデータを反映および分析することが、GIS マップの実用的な応用です。 GIS マップはデータ間の空間関係を最も直感的に表現できるため、さまざまなデータ分析シナリオで広く使用されています。

GIS は、データ視覚化の最も頻繁に使用されるアプリケーションの 1 つです。 「データ可視化 大画面」をネットで検索すると、大画面のメインビューは基本的にGISマップを使って表示されていることがわかります。

データ視覚化の大画面ディスプレイでは、なぜ常に GIS マップがメインビューとして使用されるのでしょうか?

大型のビジュアル スクリーンは、主に外部へのプレゼンテーションやリーダーへの報告に使用されます。大画面の中央に地図を配置し、講演者がここから全体的なデータの状況を説明できるようにします。コミュニケーションプロセス全体を通じて、重要な意思決定情報が得られているという感覚が得られます。さらに、政府の業務であれ、市場志向の商業活動であれ、それらはすべて一定の空間範囲内で行われます。報告すべき重要なデータは基本的に地域に直接関係するものであり、全体的な情報を得るのにも非常に便利です。したがって、マップはデータ視覚化デザインに欠かせない要素です。

データ視覚化技術の発展に伴い、企業はデータと地理をリンクする必要が生じ、データマップが誕生しました。正確なデータ通信に基づいて、インターフェースをより直感的で装飾的なものにします。

地理データの視覚化は、視覚的な意思決定システムの鍵となります。地図要素、ビジネス管理、モノのインターネット認識、ビデオ監視などの複数のデータを統合し、高度な統合とマイニング分析を実行してインテリジェントな管理関連アプリケーションを構築し、ユーザーが実際の地理空間内のさまざまな監視対象に対して迅速かつ正確な判断を下せるようにし、都市計画、建設、管理、意思決定に視覚的なサポートを提供します。

GIS 地理情報データは重要な基本サポートの役割を担っているため、視覚化の意思決定システムに関しては、地理情報の視覚化は次の要件を満たす必要があります。

データマップの重要な機能は、さまざまな地域のデータ情報を読み込んで表示し、統合的な分析を行うことです。そのため、大都市の運行状況を担う超機能性が求められます。データマップは、高精度の地形データ、3次元建物データ、BIMデータ、都市斜視写真データ、センサーデータ、車両、人員、カメラ、インフラ、イベントデータなどの要素データを読み込み、地理空間における各種データの動作状況を包括的かつ網羅的に再現します。

GIS 地理空間技術の継続的な改善に伴い、地理空間データの精度に対する要件はますます高くなっています。データ マップ上の地理要素データの表示は、非常に正確で、各地理要素の空間的な位置情報と状態を正確に特定して正確に反映し、ユーザーの意思決定に包括的かつ正確な事実に基づくサポートを提供する必要があります。地理情報管理空間の精緻化、管理対象の精度、データ指標の正確性を段階的に実現し、各種の意思決定と管理が真に効果的に推進されることを保証します。

表示のためにデータ マップに読み込む必要がある、都市のさまざまな分野の要素データは、単なる情報の山ではなく、視覚的に優れたスタイル デザインを備えている必要があります。高度な視覚効果は、管理者の意思決定の判断力を向上させ、作業効率を高めるのに役立ちます。

まず、表示するデータが地理的な場所に関連するものか、地理情報に関連するものかを決定する必要があります。次に、プレゼンテーションの地理的範囲を決定します。例を挙げてみましょう。例えば、国内事業に注力している販売会社であれば、国全体、各販売地域、各省の販売データに注目するでしょう。中国の 2D または 3D マップを使用して売上データを表示できます。

あるいは、販売範囲が特定の都市に限定されていて、特定の店舗の具体的な販売状況や周囲の競合店などのより正確なデータを更新したい場合、GIS マップとデータ インジケーターがニーズを満たすことができます。

最後に検討すべきことは、大画面上で地図を他の要素と統合し、最終的な地図の表示形式を決定する方法です。このステップは、データ視覚化の大画面ビジョンにおける重要なステップです。大画面内のさまざまな要素の調整と統一によって、最終的な大画面表示効果が決まります。

さまざまなビジネス シナリオでデータ マップをどのように使用できますか?

通常のチャートと比較すると、データマップはプレゼンテーション効果が優れており、より美しく衝撃的です。

データ マップは、2D および 3D ベクター、境界、タイル マップを生成でき、クリックして地区や郡までドリルダウンするなどの操作とローミングをサポートします。複数のデータレイヤーの追加をサポートしており、各データレイヤーには、基本飛行線レイヤー、バブルレイヤー、散乱点レイヤー、サーマルレイヤー、柱状レイヤー、風場マップ、プロンプトボックス、看板、周囲光レイヤー、直接光レイヤーなど、さまざまな表示効果を設定できます。

Alibaba Cloud DataV-Data Visualization Platform、Tencent Cloud Graph Data Visualization Display Platform、Baidu Smart Cloud Data Visualization Sugar BI、Kangaroo Cloud EasyV Data Visualization などのサードパーティのデータ視覚化ツールを使用すると、マップ コンポーネントをすばやく追加し、データを構成して効果を表示できます。

ベクター グラフィックス、ツールチップ ボックス、ロゴ、散布レイヤーなどのコンポーネントを使用して、会社の国内事業を鮮明に表示します。直感的なビジュアル言語を通じて、ビッグデータ プラットフォームの構築結果が一元的に表示されます。専門的なストーリープランニングを通じて、企業のビジネス状況と将来の発展を強調し、メディア広報、企業レセプションなどのシナリオ向けのプロモーション資料を提供します。

GISマップを中核とし、データインジケーターを補助として利用したデータ画面を構築しました。インタラクティブなドリルダウンにより、特定のエリアをリアルタイムで監視・監視したり、景勝地内のさまざまなインテリジェントシステムを監視・ディスパッチしたり、IoTデバイスを接続して自動トリガー、アクティブアラーム、リンクコマンド監視、ブロードキャスト、検査などのタスクを実現したり、管理作業を記録・追跡したりすることができます。データマップ全体に監視、制御、保守、管理機能が統合され、すべてのシステムの協調的な指揮と派遣、ビッグデータの分析と意思決定を実現します。

データ マップは通常、Baidu Maps、Amap Maps、Tencent Maps などのサードパーティ プラットフォームに接続されます。いずれも対応するマップオープンサービスを提供します。ここでは、Baidu Map を例に、地図の取得と色調整の方法、最終的な開発と配信のプロセスについて説明します。

Baidu Maps は、インテリジェントな測位、ルート計画、ナビゲーション、交通状況、地図画像サービス、軌跡サービス、人口移動サービス、位置検索サービス、スマート ミニ プログラムなどを統合しています。Baidu Maps は、都市研究、ビジネス地区分析、群衆熱分布、群衆洞察、対象人口特定、土地価値分析などの多次元サービスを提供し、政府や計画などの複数の業界を支援します。

1) まずBaidu Open Platformにログインします（
https://lbsyun.baidu.com/index.phptitle=%E9%A6%96%E9%A1%B5) にアクセスし、[機能とサービス - マップ] をクリックします。

2) マップページに入ったら、下にスクロールしてパーソナライズされたマップを見つけ、ボタンをクリックして詳細を表示します。

3) パーソナライズされたマップ編集プラットフォームにアクセスし、使用を開始します。

4) パーソナライズされたマップには、いくつかのプリセット マップ テンプレートがあります。クリックすると表示されます。

5) トピックに戻り、図に示すように、プリセット マップをクリックしてマップをカスタマイズします。

6) 画像の左側には、マップの設定可能な項目があります。クリックすると、色、フォント、境界など、ニーズに応じてマップを設定できます。各設定項目の下には、非常に詳細な設定サブ項目が多数あります。 「さらに」をクリックして、必要に応じて調整することができます。同様に、Gaode Map のマップ スタイルの取得は上記の Baidu Map のものと似ていますので、自分で試してみることができます。

7) 設定されたファイルの右上隅にある [公開] をクリックすると、マップを呼び出して使用するためのメソッドを含むポップアップ ウィンドウが表示されます。リンクをコピーして開発者に渡すだけです。

上記のサードパーティによる地図作成以外にも、地図を作成する方法はいくつかあります。今回は主に自主的な地図制作の方法を紹介します。 3dmax、C4D、Maya などの 3D ソフトウェアを使用して作成できます。今回は、比較的簡単な方法を選択し、PS プラグインである 3D Map Generator を使用します。

3D Map Generator は、3次元マップを自動生成する Photoshop テンプレート、つまり、3次元マップを生成するための PS プラグインです。 3D マップ ジェネレーター プラグインを使用すると、zxp、atn、psd などの形式で保存できる 3D 地形マップをすばやく作成できます。

3D マップ ジェネレーター - 地形、正式名称: 3D マップ ジェネレーター - 地形 Heightmap より、PS に適した 3D 標高マップ地形生成プラグイン。

3D マップ ジェネレーターは、Photoshop 用の最初の高度地形生成プラグインです。実際の場所の 3 次元地形を簡単に生成するために PS や GIS の専門家である必要はなく、生成されたさまざまな地形要素 (山、水など) を編集して、希望するスタイルを形成することができます。主な機能は、正確な地理情報に基づいて 3 次元地形を生成することであり、地形要素は編集可能です。 3D マップの作成を容易にするために、さまざまなテクスチャ マップとブラシも提供されています。

3D マップ ジェネレーターの例:

簡単に言えば、このプラグインは、Google マップの写真効果と、heightmapper 標高マップの高さグレースケール マップ (高さグレースケール マップは、標高データなどの数値を格納するために使用されるラスター イメージであり、コンピューター グラフィックスでの 3D 表示に使用できます。高さマップには、表面の「床」からの変位または「高さ」距離として解釈されるチャネルが含まれており、グレースケール イメージの明るさとして表現できます。黒は最小の高さを表し、白は最大の高さを表します) データを PS 経由で統合し、3D 視覚化効果を形成できます。

理論的には、対応する高度グレースケール マップ (標高ラスター マップ) があれば、世界中のあらゆる場所の 3D 地形を生成できます。

3D マップ ジェネレーターの使用方法の例: 3D マップ ジェネレーター - 地形を開き、[実際の場所を検索] を選択します。プラグインは、独自の heightmapper Web サイトを自動的に開きます。これは、プラグインに含まれる実際の標高情報の強力なデータベースであり、地形生成の精度を保証する重要なものです。

Heightmapper に入ったら、Googlemaps または OpenStreetMap に接続するかどうかを選択できます。このチュートリアルでは、説明として Google マップを選択します。興味のある友人は OpenStreetMap も試すことができます。操作方法は同様です。

1) Googleマップをクリックしてインターフェースに入り、地形を作成する場所を選択します。台北市を例に、マウスをスライドして分析したいエリアを見つけてみましょう。

2) 右上隅のタスクバーで、マップ ラインとマップ ラベルの 2 つのオプションを削除し、エクスポートを選択して画像を保存します。

3) ブラウザを開き、GooglemapやBaidumapなどの地図を選択して同じ場所を見つけます。

4) 保存した3枚の写真をPhotoshopにインポートし、ラベルや地形などに合わせて衛星画像と地形図の位置合わせを行い、余分な部分を切り取ります。

5) クリックして 3D 地形を作成し (必要に応じて適切な角度を選択できます)、地形マップが表示されるまで数分間待ちます。

6) 次に、レイヤー top_layer_groups 内の top_layer_hd の最初のレイヤーを開き、ダブルクリックして編集します。

7) 3 つのマップがある最初のインターフェイスを開き、Googlemap レイヤーを選択して top_layer_01.psd にコピーします。

8) Ctrl + s を押して保存し、地形マップ インターフェースを開くと、モデル上に地形が表示されていることがわかります。

9) レイヤーをコピーしてストロークを追加したり、さまざまな小さなシンボルを追加したりできます。コンパスやスケールのほかに、雲、木、船などもあり、描画情報をさらに強化できます。衛星地図と地形を組み合わせて、さまざまなスタイルの地形解析マップを作成するには、わずか数分しかかかりません。

上記では、データ視覚化マップを作成するためのいくつかの方法を紹介しています。

データ視覚化マップに関しては、優れたデータ マップは GIS と BI の完璧な組み合わせでなければなりません。データ マップ全体には、マルチレベルのグラフィック表示機能と多面的な制御機能が備わっています。いくつかのパーソナライズされたインタラクティブ機能と組み合わせることで、ビジネス用途、データ管理、開発、運用など、さまざまなアプリケーション シナリオのグラフィック クエリと補助分析のニーズをより適切に満たすことができます。

地図は重要な役割を果たしており、質の高い地図から誰もが簡単に情報を得ることができます。

GIS ユーザーは毎日マップを作成して使用しており、これらのマップは GIS アプリケーションの基本的なエクスペリエンスと実用的なインターフェイスを提供します。マップは、GIS ユーザーが組織内の他のユーザーや他の組織のユーザーと作業を共有する主な方法でもあります。地図は分析的であると同時に芸術的でもあるため、重要なコンテキストを提供します。この地図はあらゆる年齢層に楽しく、世界中の情報と形を提供します。

GIS マップは誰でも利用できます。これらの地図は GIS を私たちの生活に取り入れ、スマートフォンやタブレットでいつでもどこでも閲覧できます。

Baidu、Amap、または Tencent のマップ プラットフォームを使用したことがある人なら、プラットフォーム内のマップ パラメータの調整には一定の制限があり、プラットフォームが提供するオプションを通じてのみ調整できることを知っているはずです。一部の領域を設定できない場合は非常にイライラします。今日は、海外の地図プラットフォームをいくつか紹介しました。設定項目が多く、比較的制御しやすいものもあります。欠点は、国内の建物のデータが国内の地図ほど完全ではないことです。必要なものは自分で手に入れることができます。

1) マップボックス https://www.mapbox.com/maps

ベクター レンダリングと WebGL テクノロジーに基づいた、インタラクティブでカスタマイズ可能なフロントエンド フレームワークです。マップスタイルも豊富で、制御性も高いです。唯一の欠点は、国内のストリートビューでは建物に関するデータが少ないことです。

2) スナッジーマップ https://snazzymaps.com/

Snazzy Maps は主に Web デザイナーと開発者を対象としています。ウェブサイトには約 130 種類のマップ テーマがあり、各テーマにはさまざまなサブスタイルから選択できます。マップスタイルは比較的豊富で、設定項目も多数あります。デザイナーは、アプリケーションまたは Web サイトの全体的なスタイルに応じて適応ソリューションを選択できます。

3) マップヴ https://mapv.baidu.com/

Mapv は、Baidu Maps をベースにしたビッグ データの視覚化のためのオープン ソース ライブラリです。大量の点、線、面のデータを表示するために使用できます。各データタイプには、ダイレクトドット、ヒートマップ、グリッド、集計などのさまざまな表示タイプもあります。

この記事はもともと、Everyone is a Product Manager で @Color可乐 によって公開されました。無断転載禁止

タイトル画像はCC0プロトコルに基づいたUnsplashからのものです