シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > Webサービス > 大規模データを「3D地球儀」に変換するGoogleの「WebGL Globe」が分かりやすい!
注目記事ピックアップ
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
share0
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2014/02/06 22:20

大規模データを「3D地球儀」に変換するGoogleの「WebGL Globe」が分かりやすい!


どうも、まさとらん(@0310lan)です!

高度な3Dグラフィックスを、ブラウザ上に表示させる規格で「WebGL」というものがあります。

これは、ほとんどのブラウザで「特別なプラグインを使うこと無く」直接3Dを扱えることから、今では多くの環境で使われるようになっています。

今回は、このWebGL規格を使ったGoogleの面白いプロジェクトをご紹介しようと思います!

それが「WebGL Globe」です!


 

どんなサービスなの?
実はこのサービス、2011年頃から存在していました。

ただ、当初は対応しているブラウザが少なく、規格のセキュリティ問題も浮上したりして…いつの間にか水面下でひっそりと動いているプロジェクトになっていました。

しかし、そんな問題もほぼ解決された今、Googleがわざわざ無料で使えるように提供しているのですから使わない手はありません!

 

「WebGL Globe」を使えば、地球規模の大量データを「3D地球儀」に変換してくれます。

例えば、世界で「Google検索」がどのくらい使われているのか?という問題に対して、WebGL Globeを使うと以下のようになります。


アジア圏の中でも、日本がとてもGoogle好きなことがパッと見て理解できますよね。

さらに、地球の外側に向かって伸びている縦線が、長ければ長いほど「Google検索を頻繁に使っている場所」という意味になります。

 

もちろん、この3D地球儀はマウスを使って、グリグリ動かすことが出来ます。


動かすことで、ヨーロッパやアメリカの方が、日本よりもGoogle検索を使っていることが視覚的に理解できます。

 

このように、文章や数値データだけでは理解しにくい大きなデータを、子供が見ても楽しく理解できるようにしてくれるのが「WebGL Globe」の面白いところです。

データを読み込ませる際に、簡単なプログラミング知識が必要ですが、挑戦してみる価値は大きいと思います。

 
様々な巨大データを視覚化できる!
さて、世界中には「WebGL Globe」を活用した事例がたくさんありますので、その一部をピックアップしてご紹介していきます。

世界の標高データ


これは、地球上の標高を「数値化+色分け」を行うことで視覚化している例です。

やはり、エベレスト山近辺が赤くなって標高が高いというのが見て分かります。また、オーストラリアは「かなりの部分が平面なんだなぁ〜」という何気ない知識も得られますね。

 

隕石の落下地点


意外にも…隕石というのは地球にたくさん飛来している事が、これを見るとよく分かります。

100年以上前のデータを見ることも出来て、隕石の種類なども細かく分類して見ることが出来るように作られています。小さな隕石から大きなモノまで、こうして見ると映画「アルマゲドン」も空想の世界ではないのかも…。

 

Githubユーザーの位置


最近どんどんユーザー数を増やしている「Github」ですが、何カ国くらいのユーザーがいるのかを見ることが出来ます。

アメリカ・ヨーロッパが多いのですが、アジア圏ではやはり日本が多くて、特に東京に突出しているのが分かります。こういうユーザー調査などの相性は抜群に良いと感じますね。

 

米大統領選のSNS動向


2012年に行われた米大統領選の時に、SNSでどのくらい話題になったのかを視覚化したものになります。

棒線が多いほど、twitterやfacebook、Google+などで大統領選の事が話題になったことを示しています。また、オバマ氏とロムニー氏のそれぞれで、データが個別に分かれているのを確認することも出来ます。

 

最も混雑する空港


これは、世界で最も混雑する空港はどこか?というのを視覚化したものです。

縦に伸びる棒線が高いほど、混雑することを意味します。ざっと眺めてみて、最も混雑するのがアメリカのアトランタにある空港だというのが一発で分かります。

日本も、首都圏はどちらかと言うと混雑している部類に入るようです。

 

地震マップ


世界で起きた地震の場所を視覚化した事例です。

さすがに「地震大国」である日本は、パッと見ても地震の多い国であることが分かります。このマップでは、マグニチュード別に表示することが出来るようになっています。

 

いかがでしょうか。

この「WebGL Globe」に興味が湧いた方は、早速プログラムコードを入手して自分だけの3D地球儀を作ってみましょう。

データと説明書は、すべてGithubに用意されているので、自由に使うことが出来ます。

WebGL Globeコード


データは、一般的なJSON形式も使えるので、様々なAPIを使うことでさらに面白いプロジェクトを作ることが出来るかもしれませんね。

 
おまけ (大規模データをインフォグラフィック化)
大規模データを分かりやすく表現する手法として「インフォグラフィック」があります。これを、初心者でも簡単なステップを踏むことで素早く作れるサービスがあるのでご紹介しておきます。

それが「RAW」というサービスです!


数値データを、専用のフォームにコピペすれば、ピボット形式で必要なデータをインフォグラフィック化することが出来ます。

今回ご紹介した3D地球儀と合わせて活用すれば、非常に強力な武器となるでしょう。

 
まとめ
分かりにくい内容を、どうやって簡単に伝えるか?というのは、Webサイト・アプリ・ブログなど、様々な部分で共通する悩みではないかと思います。

今回は、比較的大きなデータが中心でしたが、ちょっとした説明にも使えるサービスが、今後は求められていくかもしれませんね。

みなさんは、どのように感じられたでしょうか。

 

参考:WebGL Globeサイト

 

 

written by まさとらん

 

 

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る