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

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

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

ぜひご覧ください。

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

字幕

このレッスンでは Google Chartsを使って「GeoChart」 要するにデータを含んだ 日本地図を描画するための 実際のdataの準備と 設定方法について解説いたします まずはダウンロードしてきたこちらの 「prepare_data_for_japan_geo」 というフォルダの中に入っている この「index.htmlファイル」を エディタで開いてください そしてこれがそのファイルを開いた状態です このファイルを使って今回のレッスンの解説を 進めていきたいと思います それではさっそくレッスンを始めていきましょう 前回までのレッスンでは 世界地図の「GeoChart」を 作成してきました 今回からは日本地図の「GeoChart」を 作っていきたいと思います まずはそのためのdataの作成と optionの設定を見ていきたいと思います 今回注目していただきたい部分は こちらのdata部分 そしてこちらのoption部分 となります それではdataのほうから 順番にみていきたいと思います まずはこちらの部分から 「変数data」を作成して そしてその中に 実際のdataを格納するための 「data table」をセットしています そして次にこちらの部分 この部分ではそのdata tableに対して 2つの「Column」を作成しています まず1つめは「都道府県」というタイトルをつけて そしてそのdata型を「string」 要するに文字列を設定しています そして2つめの「Column」では タイトルを「人口増減率」として そしてdata型を「number」 要するに数値を格納できるようにしています そして実際のdataを格納しているのが こちらの部分ですね ちょっと長くなっていますが すべての都道府県のdataを 入れ込んでいる形となっています これまで通り一つ一つのdataは 配列で作成されていて この配列の左から順番に 上で定義したこの順番通りに dataを格納していきます 今回はこちらの「北海道」は「都道府県」に該当するdataですね そしてこちらの2つめの「-2.2」といのは こちらの「人口増減率」の dataとなっています そしてこれをすべての都道府県で 同じようにdataを作成していきます これでdataの準備は完了です それでは次に optionの設定のほうを見てみましょう こちらの部分ですね 今回はこのoption設定の タイトルの内容をこのようにしています 平成17年から22年の人口増減率 都道府県別というdataですね 今回はこの「都道府県別の人口増減率」というdataを 日本地図の「GeoChart」に 表示していきたいと思います 以上でレッスンは終了です 今回はGoogle Chartsを使って「GeoChart」 要するにデータを含んだ 日本地図を描画するための 実際のdataの準備と 設定方法について解説いたしました 以降のレッスンでは このGoogle Chartsの「GeoChart」で 日本地図を表示させるための 方法について解説いたしますので そちらも併せてご覧ください

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

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

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

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

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

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