アーカイブ

‘Google’ タグのついている投稿

歴代首相と日経平均株価

2012 年 5 月 13 日 コメントはありません

Google Chartを使って、日本の歴代の首相と日経平均株価の関係をグラフにしてみました。

歴代首相と日経平均株価

日経平均株価は鳩山一郎首相のときに始まります。
佐藤栄作、中曽根康弘、竹下登のときに大きく上昇しています。首相期間が長いと変動が大きくなるのは当たり前ですが。
そして、海部俊樹、宮沢喜一、橋本龍太郎のときに大きく下げます。
小渕恵三で少し上がりますが、森喜朗以降はほぼ下降しています。
このグラフを見ると、竹下首相のときに消費税導入に成功したのも分かる気がします。

カテゴリー: 社会 タグ: , , ,

Google ChartをWordPressで使う

2012 年 5 月 9 日 コメントはありません

Google Chartには2種類あります。
JavaScriptを使って描画するタイプとPNG画像を描画するタイプです。
便宜的に、前者を「Visualization」、後者を「Image」と呼ぶことにします。

Visualization

  • Google Chart Tools
  • JavaScriptで描画する。
  • マウスを載せると該当の箇所が強調されるなどインタラクティブ。
  • データのサイズは無制限。
  • 作成が面倒。

Image

  • Google Chart Tools: Image Charts
  • URLを与えるとPNG画像が得られる。
  • 作成が容易。
  • データサイズはURLの長さに依存。
  • Googleは公式サポートを停止。

現在、様々なブログで紹介されているのは、ほとんどの場合、後者の「Image」の方です。
こちらは結果を画像で扱えるので使い勝手がとてもよいのですが、Googleは公式サポートをしないそうです。
ということで、前者の「Visualization」が今後の主流になるでしょう。

Visualizationのサンプル

<html>
<body>
<div id="chart_div" style="width: 400px; height: 200px;"></div>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {
    packages: ["corechart"]
});
google.setOnLoadCallback(drawChart);
function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ["year", "x", "y"],
        ["2010", 10, 30],
        ["2011", 25, 10],
        ["2012", 20, 25]
    ]);
    var chart = new google.visualization.LineChart(document.getElementById("chart_div"));
    chart.draw(data);
}
</script>
</body>
</html>

WordPressで表示

「Image」ならば画像ファイルなのでWordPressで表示するのは簡単ですが、「Visualization」を表示するのは非常に面倒です。
別にHTMLファイルに記述して、iframeタグを使ってWordPressに表示する方法が考えられます。邪道かもしれませんがこの方法が簡単です。

  1. 上に示したようにHTMLファイルにグラフを表示。
  2. このHTMLファイルをサーバにアップ。WordPressにアップしてもよい。
  3. WordPressの記事にiframeを使ってファイルを指定。

iframeは次のように使います。

<iframe src="xxxxx.htm" frameborder="0" width="500" height="300">
</iframe>

次の記事はここで紹介した手法を使っています。
You Look Too Cool » 稲葉と宮本の年別安打数グラフ

カテゴリー: WordPress タグ: ,

日本地図を塗り分け

2012 年 4 月 29 日 コメントはありません

Googleイメージチャートを使って日本地図を塗り分ける仕組みを作ってみました。

日本地図を塗り分け

例えば、都道府県別に色を選ぶ方法だと次のようになります。

地方別に塗り分けました。色が足りなくなったので、中国地方と四国地方を同じ色にしてしまいました。まあ、中国と四国は地方厚生局が同じですから。

上位と下位を塗り分ける例としては次のような感じです。

人口密度の上位15位と下位15位です。

カテゴリー: 社会 タグ: , ,

プロ野球の順位推移グラフ

2012 年 4 月 28 日 コメントはありません

Googleイメージチャートでプロ野球の順位の推移が分かるグラフを作ってみました。

ゲーム差

勝率

実際に順位は勝率で決まりますし、ゲーム差と逆転することがあるので、勝率のグラフの方が正しいのですが、見やすさではゲーム差によるグラフの方がいいかもしれません。

カテゴリー: 野球 タグ: ,

Googleイメージチャートが廃止

2012 年 4 月 23 日 コメントはありません

Googleのグラフ描画サービス「Googleイメージチャート」が4月20日で廃止されたようです。
Google Chart Tools: Image Charts – Image Charts (Deprecated) ? Google Developers

The Image Charts portion of Google Chart Tools has been officially deprecated as of April 20, 2012. It will continue to work as per our deprecation policy.

Googleで翻訳すると次の通り。
「Googleのグラフツールのイメージ・チャート部分は正式に2012年4月20日の時点で廃止されました。それは我々の非推奨ポリシーに従って動作し続けます。」
正式なサポートはしないが動作はする、ということのようです。
今後はインタラクティブなグラフを作成できる「Googleチャート」を使いなさい、ということでしょう。
この「Googleイメージチャート」はURLを与えると(静的な)画像ファイルを返してくれるサービスで、使い勝手がよかったので、残念です。

カテゴリー: デジタル タグ: ,

TwellV野球中継Googleカレンダー用CSV

2012 年 3 月 26 日 コメントはありません

BS12「TwellV」では今年も千葉ロッテの試合などプロ野球中継を行います。
TwellV プロ野球中継2012
このスケジュールをGoogleカレンダーにインポートするためのCSVデータを作りました。
なお便宜的に中継時間は3時間にしています。

インポート用CSV
保存して利用してください(右クリックから「リンク先を保存」など)。

インポート方法については次のページを参考にしてください。
You Look Too Cool » GoogleカレンダーにCSVファイルから予定をインポートする方法

カテゴリー: マリーンズ タグ: , ,

千葉ロッテとジェフ千葉のGoogleカレンダー用データ

2012 年 3 月 20 日 コメントはありません

今年の千葉ロッテはドラフトで獲得した3人の投手がそれぞれ個性的で3人とも一軍に残る可能性があるということでとても楽しみです。
例年、ロッテはドラフトで獲った選手がそれなりに活躍するので今年も期待したいと思います。

問題はジェフ千葉の方でしょうか。今年こそはJ1に復帰してもらいたいところです。

そこで、千葉ロッテマリーンズとジェフ千葉のGoogleカレンダー用のCSVデータを作りました。ジェフの方は既に始まってしまいましたが。

千葉ロッテマリーンズ日程2012年

ジェフ千葉日程2012年

Googleカレンダーにインポートして使えます。
インポート方法については次のページを参考にしてください。
You Look Too Cool » GoogleカレンダーにCSVファイルから予定をインポートする方法

カテゴリー: Jリーグ, マリーンズ タグ: , ,

GoogleとBingを相互に遷移するブックマークレット

2012 年 1 月 28 日 コメントはありません

最近はGoogleよりもBingの方が良いという意見を目にします。
そこでGoogle検索結果が納得できないときに、Bingで検索するためのブックマークレットを考えてみました。

Googleの検察結果のページのURLには「q=言葉」という部分があります。
実行すると、これをBingの検察結果のページのURLに当てはめて表示します。
なお逆にBingの検察結果で実行するとGoogleの検索結果が表示されます。

ブックマークレットを次に示します。

bing-google

Firefoxならばブックマークツールバーまでドラッグしてください。
Internet Explorerならば右クリックからお気に入りに保存してください。

javascript:(function(){b="http://www.bing.com/search";g="http://www.google.co.jp/search";d=document.location;if(d.href.match(b)){u=g}else{u=b}d.href=u+"?q="+d.href.replace(/.*[&\?]q=(.*?)&?/,"$1")})()

改行を施したのが次です。

javascript:(function(){
    b="http://www.bing.com/search";
    g="http://www.google.co.jp/search";
    d=document.location;
    if(d.href.match(b)){
        u=g
    }else{
        u=b
    }
    d.href=u+"?q="+d.href.replace(/.*[&\?]q=(.*?)&?/,"$1")
})()
カテゴリー: JavaScript タグ: , ,

iPhoneから自分のパソコン経由で印刷する

2012 年 1 月 15 日 コメントはありません

通常は従来のプリンタではiPhoneからの印刷はできません。
しかし(ある一部のデータは)GoogleとChromeを使うとiPhoneから自分のパソコンに繋いだプリンタで印刷することができます。

必要なものは次の通り。

  • パソコン
  • パソコンに接続されたプリンタ(無線LANでなく直付けでもOK)
  • パソコンにインストールされたChrome
  • Googleのアカウント
  • iPhoneにインストールされたGmailアプリなど

有料なのはパソコンとプリンタとiPhoneだけです。ほかは後は無料で準備できます。

設定は次のページに詳しく書かれています。
Chromeで設定します。
従来のプリンタを Google クラウド プリントに接続する – Google クラウド プリント ヘルプ

iPhoneから印刷できるのはiPhone上のGoogleアプリで表示できるものです。
端的に言えば「GmailとGoogleドキュメント」です。
カメラロールに入っている写真を印刷することができませんが、写真をメールでGmailに送れば印刷できます。

カテゴリー: iPhone タグ: , , ,

Google Chartをウィザード形式で使える「Image Chart Editor」

2012 年 1 月 12 日 コメントはありません

Googleにはグラフを簡単に扱える「Google Chart」という仕組みがあります。
最も手軽なのが、URLを与えるとグラフ画像を作ることのできる「Google Image Chart」です。
しかし手軽と言っても自分で一から描くよりは簡単という意味であって実際にパラメータをセットするのは結構面倒です。

このパラメータのセットをウィザード形式で行ってくれるのが「Image Chart Editor」です。

ChartTool – create nice looking charts with Image Charts!

元となるデータを貼り付けるだけでグラフが作れます。
タイトルや凡例などもセットできます。もちろんサイズも変えられます。

試しに作ってみました。

消費者物価指数

折れ線グラフだけでなく棒グラフや円グラフにも対応しています。

カテゴリー: ウェブサイト タグ: , ,