<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>CIOを目指しつつの8makiのアレ &#187; Google Chart Tools</title>
	<atom:link href="http://blog.8maki.jp/tag/google-chart-tools/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.8maki.jp</link>
	<description>俺と周りの変態リタラシーを埋める</description>
	<lastBuildDate>Sat, 28 Jan 2012 04:05:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/tag/google-chart-tools/feed" />
		<item>
		<title>Google Visualization APIがGoogle Chart Toolsとしてリニューアルしてた</title>
		<link>http://blog.8maki.jp/2010/02/google-chart-tools.html</link>
		<comments>http://blog.8maki.jp/2010/02/google-chart-tools.html#comments</comments>
		<pubDate>Wed, 17 Feb 2010 14:32:15 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Chart Tools]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=631</guid>
		<description><![CDATA[
			
				
			
		
パラパラとData Visualization系のライブラリを見てたら、いつの間にかGoogle Visualization APIとGoogle Chart APIが統合してGoogle Chart Toolsなる一つのAPIに統合されていました。
その中でも、QRコードや数式、動的なアイコン生成など、画像を生成するモノはThe Chart API、
Motion ChartやインタラクティブなグラフなどJavascriptやFlashを使うモノはThe Visualization API、
という棲み分けがなされているようです。
Dynamic Icons (Image API)
Image APIでは、Dynamic Iconsなる機能が追加されていました。
こんな感じの画像をこういうソースで呼び出すことができるようです。

chst=d_bubble_icon_text_big
chld=
snack&#124;
bb&#124;
$2.99+!&#124;
FFBB00&#124;
000000
Visualization Gadget &#124; Data Source (Visualization API)
主にVisualization APIについてですが、Visualization GadgetとしてGoogle Doc等で使えたり、Visualization用にデータを配信するData Source Toolも同時に配布されています。
ちょっと色々な機能を包含していて全体像が把握しきれなかったので、図にまとめました。



Data Sourceに関して、ちょっと何なのか良く分からなかったのですが、どうやら、ほぼほぼGoogle Server Side Data Source Java Libraryのことを指しているようです。Java LibraryではTomcatを用いてデータを公開している模様。（Javaに限らずPythonやPHP版などもありますが）
これはWebサービス運営者など、データを持つユーザーが、サーバー側でVisualization用にデータを配信するライブラリみたいです。SQLを用いてローカルのDBにアクセスしたり、データをJSON形式やCSV形式や他に様々なスタイルのデータ型に変換して出力したり、Visualization用データを生成する様々なツールが提供されています。
また、Google DocsのSpread Sheetからデータを取得できるのも特徴的ですね。Data Sourceに関してはこのムービーが詳しいです。



Visualizationに着目すると、Motion Chartや、A Magic Table、Annotated Time Lineが珍しいですね。
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F02%2Fgoogle-chart-tools.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2010%2F02%2Fgoogle-chart-tools.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>パラパラとData Visualization系のライブラリを見てたら、いつの間にかGoogle Visualization APIとGoogle Chart APIが統合して<a href="http://code.google.com/intl/ja/apis/visualization/interactive_charts.html" target="_blank">Google Chart Tools</a>なる一つのAPIに統合されていました。</p>
<p>その中でも、QRコードや数式、動的なアイコン生成など、画像を生成するモノは<a href="http://code.google.com/intl/ja/apis/chart/docs/gallery/chart_gall.html" target="_blank">The Chart API</a>、<br />
<a href="http://code.google.com/intl/ja/apis/visualization/documentation/gallery/motionchart.html" target="_blank">Motion Chart</a>やインタラクティブなグラフなどJavascriptやFlashを使うモノは<a href="http://code.google.com/intl/ja/apis/visualization/documentation/gallery.html" target="_blank">The Visualization API</a>、<br />
という棲み分けがなされているようです。</p>
<h4>Dynamic Icons (Image API)</h4>
<p>Image APIでは、<a href="http://code.google.com/intl/ja/apis/chart/docs/gallery/dynamic_icons.html" target="_blank">Dynamic Icons</a>なる機能が追加されていました。</p>
<p><img class="aligncenter size-full wp-image-642" title="DynamicIcon" src="http://blog.8maki.jp/wp-content/uploads/2010/02/DynamicIcon.png" alt="DynamicIcon" width="123" height="63" />こんな感じの画像をこういうソースで呼び出すことができるようです。</p>
<pre class="brush: jscript;">
chst=d_bubble_icon_text_big
chld=
snack|
bb|
$2.99+!|
FFBB00|
000000</pre>
<h4>Visualization Gadget | Data Source (Visualization API)</h4>
<p>主にVisualization APIについてですが、Visualization GadgetとしてGoogle Doc等で使えたり、Visualization用にデータを配信するData Source Toolも同時に配布されています。<br />
ちょっと色々な機能を包含していて全体像が把握しきれなかったので、図にまとめました。</p>
<div style="border:solid 1px #DDDDDD;">
<img src="http://blog.8maki.jp/wp-content/uploads/2010/02/OverviewGoogleChartTools.png" alt="OverviewGoogleChartTools" title="OverviewGoogleChartTools" width="472" height="272" class="aligncenter size-full wp-image-657" /></div>
<p></p>
<p>Data Sourceに関して、ちょっと何なのか良く分からなかったのですが、どうやら、ほぼほぼGoogle Server Side Data Source Java Libraryのことを指しているようです。Java LibraryではTomcatを用いてデータを公開している模様。（Javaに限らずPythonやPHP版などもありますが）</p>
<p>これはWebサービス運営者など、データを持つユーザーが、サーバー側でVisualization用にデータを配信するライブラリみたいです。SQLを用いてローカルのDBにアクセスしたり、データをJSON形式やCSV形式や他に様々なスタイルのデータ型に変換して出力したり、Visualization用データを生成する様々な<a href="http://code.google.com/intl/ja/apis/visualization/documentation/toolsgallery.html" target="_blank">ツール</a>が提供されています。</p>
<p>また、Google DocsのSpread Sheetからデータを取得できるのも特徴的ですね。Data Sourceに関してはこのムービーが詳しいです。</p>
<div style="text-align:center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/guhdYoPY3kM&amp;hl=ja_JP&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/guhdYoPY3kM&amp;hl=ja_JP&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p></p>
<p>Visualizationに着目すると、<a href="http://code.google.com/intl/ja/apis/visualization/documentation/gallery/motionchart.html" target="_blank">Motion Chart</a>や、<a href="http://magic-table.googlecode.com/svn/trunk/magic-table/google_visualisation/example_1.html" target="_blank">A Magic Table</a>、<a href="http://code.google.com/intl/ja/apis/visualization/documentation/gallery/annotatedtimeline.html" target="_blank">Annotated Time Line</a>が珍しいですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2010/02/google-chart-tools.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2010/02/google-chart-tools.html" />
	</item>
	</channel>
</rss>

