Outputzの3D円グラフをカイゼンするグリモンを書きました

http://gist.github.com/47993

何が問題か?

http://oku.edu.mie-u.ac.jp/~okumura/blog/files/080916.png

目の錯覚で誤解が生じやすい。例えば右図で日文は啓林の2倍あるのに中心角は啓林のほうが大きく,面積比でもほぼ互角に見える。

3D円グラフを使うのはやめよう | Okumura's Blog

というか

何がなんだかわからない! Outputzのグラフ描画には Google Chart API が使われていますが、googleともあろうものがこんな視認性の悪いクソみたいなグラフを表示させてしまっています。


こんなんできました

あんまり見栄えはよくないけど、とりあえずこのグリモンを入れると、次のようになります。


グリモンのソース

// ==UserScript==
// @name           OutputzGraphNicer
// @namespace      hayamiz
// @include        http://outputz.com/*
// ==/UserScript==

(function(){
  var ret = document.evaluate("//img[contains(@src,'cht=p3')]", document, null, 7, null);
  for(i=0;i < ret.snapshotLength;i++){
    var graph = ret.snapshotItem(i);
    var start = graph.src.indexOf("?");
    graph.src = "http://unicus.ddo.jp/outputz-plot.cgi" + graph.src.substring(start, graph.src.length);
  }
})()

どうやってグラフをプロットしているか

RubyGruffというgemを使っています。これを自宅サーバーに設置して使っています。というわけで、あんまり使う人が増えると、うちのサーバーが過負荷になっちゃうかも><

自分でサーバーを持っている人は、自分のところに設置してくれるとうれしいです。サーバー側のRubyスクリプトはこちら。

http://github.com/hayamiz/outputz-graph-nicer/blob/2c4c2ecadff35bcf3421057a695ecd3e591c21b7/plot.cgi