<iframe width='250' height='250' frameborder='0' scrolling='no' src='http://k2alr2pc-a.gmodules.com/ig/ifr?up__table_query_url=http%3A%2F%2Fspreadsheets.google.com%2Ftq%3Frange%3DA1%253AG13%26key%3DpQvlWYJOXnNzljPSYvy4TdQ%26gid%3D3%26pub%3D1&up_title=&up_state=&up__table_query_refresh_interval=0&url=http%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Fmotionchart.xml' style='border: 1px solid #cccccc'></iframe>
<p>「すごい！」と思わずはまってしまったこの機能。日本語には対応していないものの、エクセルでも表現が難しいグラフなんかをいともカンタンに作れて、しかもブログパーツのようにサイトへ貼り付けられてしまう。これは今後にも期待が持てそうです。</p>

<!--more-->
<h3 class="header-label">Googleスプレッドシートで簡単に高度なグラフを作れる新しい機能</h3>
<p class="picture"><img alt="Google-Spreadsheets-Gadgets.gif" src="http://web-marketing.zako.org/images/Google-Spreadsheets-Gadgets.gif" width="400" height="270" />
グラフの種類に関わらず、スプレッドシートを開いて「挿入」ボタンを押して「ガジェット...」をクリックするとガジェットの種類を選択することができます。</p>
<p>たくさんある中から気になったものをチョイスしてご紹介。</p>
<h4 class="header-label">面グラフ</h4>
<iframe width='400' height='358' frameborder='0' scrolling='no' src='http://ram3bj82-a.gmodules.com/ig/ifr?up__table_query_url=http%3A%2F%2Fspreadsheets.google.com%2Ftq%3Frange%3DA1%253AB320%26key%3DpQvlWYJOXnNzljPSYvy4TdQ%26gid%3D0%26pub%3D1&up_title=&up_labelx=&up_labely=&up_legend=0&up_stacked=0&up_showpoints=1&up__table_query_refresh_interval=0&url=http%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Farea-chart.xml' style='border: 1px solid #cccccc'></iframe>
<p>↑シンプルな面グラフを作れます。</p>
<h4 class="header-label">インタラクティブな時系列グラフ</h4>
<iframe width='450' height='454' frameborder='0' scrolling='no' src='http://okkld1s9-a.gmodules.com/ig/ifr?up__table_query_url=http%3A%2F%2Fspreadsheets.google.com%2Ftq%3Frange%3DA60%253AB79%26key%3DpQvlWYJOXnNzljPSYvy4TdQ%26gid%3D0%26pub%3D1&up_title=&up__table_query_refresh_interval=0&url=http%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Ftime-series-line.xml' style='border: 1px solid #cccccc'></iframe>
<p>↑時系列でグラフを表示できます。これはただ単に折れ線グラフを使うよりも効果的。</p>

<h4 class="header-label">円グラフ</h4>
<iframe width='450' height='466' frameborder='0' scrolling='no' src='http://fr2uemo5-a.gmodules.com/ig/ifr?up__table_query_url=http%3A%2F%2Fspreadsheets.google.com%2Ftq%3Fkey%3DpQvlWYJOXnNzljPSYvy4TdQ%26range%3DA2%253AB12%26gid%3D1%26pub%3D1&up_title=&up_legend=0&up_3d=1&up__table_query_refresh_interval=0&url=http%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Fpie-chart.xml' style='border: 1px solid #cccccc'></iframe>
<p>↑これも嬉しい。日本語にも早く対応して欲しいものです。</p>

<h4 class="header-label">Motion Chart</h4>
<iframe width='450' height='476' frameborder='0' scrolling='no' src='http://k2alr2pc-a.gmodules.com/ig/ifr?up__table_query_url=http%3A%2F%2Fspreadsheets.google.com%2Ftq%3Frange%3DA1%253AG13%26key%3DpQvlWYJOXnNzljPSYvy4TdQ%26gid%3D3%26pub%3D1&up_title=&up_state=&up__table_query_refresh_interval=0&url=http%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Fmotionchart.xml' style='border: 1px solid #cccccc'></iframe>
<p>↑ものすごいクール！　<a class="google" href="http://spreadsheets.google.com/pub?key=pnLDJiBKx5IjdzAzTgDqjSg&amp;newcopy" onclick="window.open('http://spreadsheets.google.com/pub?key=pnLDJiBKx5IjdzAzTgDqjSg&amp;newcopy'); return false;">サンプルデータ</a>を参考にしてみてください。</p>

<h4 class="header-label">フィルタとグループ化機能付きの表</h4>
<iframe width='450' height='320' frameborder='0' scrolling='no' src='http://huhgpg5i-a.gmodules.com/ig/ifr?up__table_query_url=http%3A%2F%2Fspreadsheets.google.com%2Ftq%3Frange%3DA1%253AE29%26key%3DpQvlWYJOXnNzNqhZpIyjNbA%26gid%3D1%26pub%3D1&up_title=&up_last_query_hash=&up_groupbycolumn=&up__table_query_refresh_interval=0&up_showfilters=1&up_aggregateby=&up_enablegrouping=1&url=http%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Ftable.xml' style='border: 1px solid #cccccc'></iframe>
<p>↑これもかなり実用的。<a class="google" href="http://spreadsheets.google.com/ccc?key=pnLDJiBKx5IjW-FGdZ-wnHg&amp;hl=en&amp;newcopy" onclick="window.open('http://spreadsheets.google.com/ccc?key=pnLDJiBKx5IjW-FGdZ-wnHg&amp;hl=en&amp;newcopy'); return false;">サンプルデータ</a></p>

<h4 class="header-label">組織図</h4>
<iframe width='450' height='368' frameborder='0' scrolling='no' src='http://rvpp7f74-a.gmodules.com/ig/ifr?up__table_query_url=http%3A%2F%2Fspreadsheets.google.com%2Ftq%3Frange%3DA2%253AB7%26key%3DpQvlWYJOXnNwYvmSdS7u1Og%26gid%3D0%26pub%3D1&up_title=&up__table_query_refresh_interval=0&url=http%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Forgchart.xml' style='border: 1px solid #cccccc'></iframe>
<p>↑残念ながら今のところ日本語は文字化け（※2008年3月19日現在）</p>
<p class="picture"><img alt="organization-chart.gif" src="http://web-marketing.zako.org/images/organization-chart.gif" width="400" height="186" />
組織図は1列目に従業員名、2列目にマネージャーの名前を入れます。3列以降は現在未対応。</p>

<h4 class="header-label">Google検索</h4>
<iframe width='450' height='234' frameborder='0' scrolling='no' src='http://beqd5cbi-a.gmodules.com/ig/ifr?up__table_query_url=http%3A%2F%2Fspreadsheets.google.com%2Ftq%3Frange%3DA17%253AA17%26key%3DpQvlWYJOXnNwYvmSdS7u1Og%26gid%3D0%26pub%3D1&up_title=Google%E6%A4%9C%E7%B4%A2&up__table_query_refresh_interval=0&url=http%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Fweb-search.xml' style='border: 1px solid #cccccc'></iframe>
<p>↑こちらも残念ながら今のところ日本語は文字化け。　複数セルに検索ワードを入れるとAND検索の結果を表示します。</p>

<h4 class="header-label">イメージ検索</h4>
<iframe width='450' height='200' frameborder='0' scrolling='no' src='http://30lp3hh5-a.gmodules.com/ig/ifr?up__table_query_url=http%3A%2F%2Fspreadsheets.google.com%2Ftq%3Frange%3DA17%253AA17%26key%3DpQvlWYJOXnNwYvmSdS7u1Og%26gid%3D0%26pub%3D1&up_title=&up__table_query_refresh_interval=0&url=http%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Fimage-search.xml' style='border: 1px solid #cccccc'></iframe>
<p>↑こちらも今のところ英語のみ対応。　設定のルールは「Google検索」と同じ。</p>

<h4 class="header-label">ヒートマップ</h4>
<iframe width='449' height='400' frameborder='0' scrolling='no' src='http://pg3j58c1-a.gmodules.com/ig/ifr?up__table_query_url=http%3A%2F%2Fspreadsheets.google.com%2Ftq%3Frange%3DA23%253AB27%26key%3DpQvlWYJOXnNwYvmSdS7u1Og%26gid%3D0%26pub%3D1&up_title=&up_region=asia&up__table_query_refresh_interval=0&url=http%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Fheatmap.xml' style='border: 1px solid #cccccc'></iframe>
<p>↑これはいろいろと活用できそう。ちなみに個人的な鎖国度数を表現していますｗｗ</p>
<p class="picture"><img alt="heat-map.gif" src="http://web-marketing.zako.org/images/heat-map.gif" width="400" height="214" />
ヒートマップは1列目に「国コード (ISO コード) 」、2列目に数値を入力。ISO コードは<a href="http://ja.wikipedia.org/wiki/ISO_3166-1" onclick="window.open('http://ja.wikipedia.org/wiki/ISO_3166-1'); return false;">一覧表</a>の「二字」を利用してください。</p>

<p>このほかにもまだまだ種類があります、<a class="google" href="http://docs.google.com/" onclick="window.open('http://docs.google.com/'); return false;">Googleスプレッドシート</a>で早速試してみよう。</p>

<p>Via：<a class="web-site-link" href="http://googlesystem.blogspot.com/2008/03/google-spreadsheets-adds-gadgets.html" onclick="window.open('http://googlesystem.blogspot.com/2008/03/google-spreadsheets-adds-gadgets.html'); return false;">Google Spreadsheets Adds Gadgets, a Directory of Features</a></p>