Google Chartsで作る図表&インフォグラフィックス!

ジオチャート(世界版)の為のデータの準備と設定

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
GoogleChartsを使ってジオチャート(データを含んだ世界地図)を描画する為の、実際のデータの準備と設定方法について解説致します。
講師:
03:58

字幕

このレッスンでは Google Chartsを使って「GeoChart」 要するにデータを含んだ 世界地図を描画するための 実際のdataの準備と設定方法について 解説いたします まずはダウンロードしてきたこちらの 「prepare_data_for_world_geo」 というフォルダの中に入っている この「index.htmlファイル」を 「エディタ」で開いてください そしてこれが そのファイルを開いた状態です このファイルを使って今回のレッスンの解説を 進めていきたいと思います それではさっそくレッスンを始めていきましょう 今回注目していただきたい部分は こちらのファイルの中の この部分となります まずこちらの部分では 世界地図に描画するための dataの作成を行っていて そしてこちらの部分では その世界地図のoption設定を行っています 今回は国別の平均寿命 上位10カ国のデータに基づいて 「GeoChart」を作成してみたいと思います それではdataの作成のほうから 順番に見ていきたいと思います まずはこちらの部分から こちらの部分では「変数data」を作成して そしてその「変数data」の中に dataを格納するための 「data table」を作成しています そしてこちらの部分では その「data table」に対して 「Column」を作成していて まずはタイトルを「国」と作成して そのdata型を「string」 要するに文字列という形で設定しています こうすることでこの「Column」には 国の名前を文字列で格納することが できるようになります そして続きまして こちらの部分 こちらの部分では その国ごとの平均寿命を格納するための 「data Column」を作成しています タイトルを「平均寿命」として 格納できるdataを「number」 要するに数値としています そしてこの2つの「data Column」の 設定が完了すれば 実際にdataを格納していきます それがこちらの部分ですね ではこちらの1番上の 「日本」の例をみていきたいと思います 一つ一つのdataは 配列で作成していきます そしてその配列の左側から この上で定義した順番通りに dataを格納していきます まず こちらの文字列「日本」は こちらの「国」に該当するdataですね そしてその次のこの「83」というdataは こちらの「平均寿命」に該当する dataとなっています このようにして他の国のdataも 配列で作成していきます これでdataの作成は完了です 注目していただきたいのが こちらの国の名前の部分ですが このように国の名前を設定しておくと 実際に「GeoChart」を表示したときに 例えばこの「日本」の場合 日本の地図に きちんと色が塗られた状態になって そしてこの「83」というdataが 表示されてきます さて続いてはその「GeoChart」の 「option設定」の方を見ていきたいと思います 今回はこのタイトルの部分に 「平均寿命 2009年 上位10か国」 というタイトルをつけてみますね ちなみに「GeoChart」の場合 このタイトルは地図上には表示されません ただ設定しておくことにこしたことのない 情報となっていますので 忘れずに設定しておくように しておきましょう 以上でレッスンは終了です 今回はGoogle Chartsを使って「GeoChart」 要するにデータを含んだ 世界地図を描画するための 実際のdataの準備と設定方法について 解説いたしました 以降のレッスンでは このGoogle Chartsと 準備したdataを利用して 実際に「GeoChart」を描画する方法について 解説していきますので そちらも併せてご覧ください

Google Chartsで作る図表&インフォグラフィックス!

インフォグラフィックスとはさまざまなデータを人々が直感的に理解できるように図表化・グラフ化したものです。このコースでは、Google ChartsとJavaScriptを使ったインフォグラフィックスの作り方について解説します。このツールの基本的な使い方やさまざまな種類のチャートの作り方、またジオチャートやタイムライン機能などについても説明します。

1時間32分 (27 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 1,990
発売日:2015年04月02日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。