グーグルチームがWebページ内で組み込み用のチャートを動的に生成するChart API(サイト・英語)のリリースを発表した(source)。Steve Crossan氏(source)はそれを下記のように説明している。
APIの使い方は比較的シンプルです。例えばこれは http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=InfoQ|Rocksのpngフォーマット上の3Dパイチャートにおいて二つのセグメントを作り出す。imgタグに組み込まれていて、更に複雑なパイチャートはこのアプローチの論理的拡張で可能である(source)。現在のリリースは線グラフ(source)、棒グラフ(source)、ベン図(source)、ス キャタープロット(source)を含んだ、かなり幅広くチャートタイプをサポートしている。加えて、他のエフェクト(source)もサポートされている。空き時間で作ったAPIの最初のリリースにしては悪くない。
ドキュメンテーション(source)でも説明されているように、これはJavaScriptと同様にイメージをhtml内に組み込むのがとても簡単なのである。
原文はこちらです：http://www.infoq.com/news/2007/12/google-chart
私達は本来これを内部的に使用するために作ったのです。例えばGoogle Video(サイト・英語)とGoogle Finance(サイト・英語)上でそれを使用します。それに加えて、これがグーグルがデベロッパたちに提供する”20%ルール”の結果の一つなのです！
APIの使い方は比較的シンプルです。例えばこれは http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=InfoQ|Rocksのpngフォーマット上の3Dパイチャートにおいて二つのセグメントを作り出す。imgタグに組み込まれていて、更に複雑なパイチャートはこのアプローチの論理的拡張で可能である(source)。現在のリリースは線グラフ(source)、棒グラフ(source)、ベン図(source)、ス キャタープロット(source)を含んだ、かなり幅広くチャートタイプをサポートしている。加えて、他のエフェクト(source)もサポートされている。空き時間で作ったAPIの最初のリリースにしては悪くない。
ドキュメンテーション(source)でも説明されているように、これはJavaScriptと同様にイメージをhtml内に組み込むのがとても簡単なのである。
これは興味深い可能性の扉を開くナイスでシンプル、そして強力なAPIである。動的であることはまた（比較的）リアルタイムの情報アップデートの可能性をも意味しているのである。var simpleEncoding = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
function simpleEncode(values,maxValue) {
var chartData = ['s:'];
for (var i = 0; i < values.length; i++) {
var currentValue = values[i];
if (!isNaN(currentValue) && currentValue >= 0) {
chartData.push(simpleEncoding.charAt(Math.round((simpleEncoding.length-1) * currentValue / maxValue)));
}
else {
chartData.push('_');
}
}
return chartData.join('');
}
原文はこちらです：http://www.infoq.com/news/2007/12/google-chart