Webアプリケーションやブログなどで、データ表をグラフで見せたいと思うことはないでしょうか。しかし、そのために画像を動的に生成するサーバー側のスクリプトを書いたり、画像編集ソフトウェアなどでグラフを作ってアップロードするといった作業は面倒です。そこで今回は、いくつかの数値データからグラフを作成してくれるGoogleのサービス『Google Chart API』をご紹介します。
Google Chart APIは、サンプルとなる数値データをパラメータに指定した要求からグラフを生成し、画像ファイルとして結果を返すという純然たるWebサービスです。このサービスは、誰でも自由に呼び出すことができ、回数制限などもありません。URLに指定したパラメータからグラフを生成するため、APIの呼び出しに煩雑な手続きも不要です。例えば、以下のようなURLからグラフを画像ファイルとして取得できます。
http://chart.apis.google.com/chart?cht=lc&chd=t:10,50,30,70,80,60&chs=400x300
URLを直接ブログなどに張り付けてグラフを表示することも可能ですし、他のWebサービスと組み合わせて利用することも可能です。表現力の乏しいガジェットやウィジェットと呼ばれるようなツールから利用するという使い方も考えられます。
Google Chart APIの呼び出しは、必ず次のURLから始まります。
http://chart.apis.google.com/chart?
このアドレスに加えて、グラフを生成するためのパラメータを追加します。パラメータを細かく指定することで、かなり自由に生成されるグラフを設定できます。画像ファイルのサイズやグラフの種類、色や棒線などの幅、表示するテキストなど、かなり高い表現力をもっています。
最低限必要なパラメータは、グラフの種類を表す「cht」、グラフのデータを表す「chd」、そしてグラフのサイズを表す「chs」の3つです。たとえば、次のようなURLになります。
http://chart.apis.google.com/chart?cht=グラフの種類&chd=データ列&chs=サイズ
データなどの詳しい書式は Googleのデベロッパーガイドを参照してください。プログラミングの知識がなくても、だれでも簡単に動的なグラフを作れるので、ぜひ挑戦することをオススメします。JavaScriptなどを使ってデータから動的にURLを作り出せば、より面白いものが作れそうです。
| 【今日のTips】予測報酬は? 需要は? ソーシャル求人検索『Indeed』 [2008/9/3] |
| 【今日のTips】これは便利! Webブラウザで画像編集ができる『Snipshot』 [2008/8/26] |
| 【今日のTips】技術情報が豊富! ユーザーたちが作るニュースサイト『Digg』 [2008/8/25] |
| 【今日のTips】全世界を対象とした住所検索サービス『GeoNames』 [2008/8/20] |
| Google+アプリ、iOS版に続いてAndroid版も新UIに、独自機能も [16:25 5/25] |
| Googleウェブマスターツール、ナビゲーションやダッシュボード画面を変更 [14:43 5/25] |
| Instagramキラー!? Facebookがカメラアプリをリリース [10:44 5/25] |
| 楽天、マレーシア国内向けのオンラインモール事業に参入 [10:11 5/25] |
| グリー、最大153ヵ国にアプリ配信ができる「GREE Platform」の提供を開始 [09:45 5/25] |
|
[けいおん!]大学編に続き高校編も最終回 6月で“グランドフィナーレ” [00:30 5/28] ホビー |
|
Gカップグラドル柴小聖、新作は"お尻推し"「体がどんどん絞れてきてる!」 [22:00 5/27] エンタメ |
|
【インタビュー】真木よう子 - 年齢ごとに等身大の女優になりたい [21:30 5/27] エンタメ |
|
[リアル・スティール]DVDとBDセットがオリコンとTSUTAYAで初登場首位 特別映像も公開 [21:11 5/27] エンタメ |
|
ダムエー付録のトランプは54枚全てザク!安彦も大河原も [20:57 5/27] ホビー |