はてな注目キーワードをグラフ化する GreaseMonkey

はてなの注目キーワードではその日どんなキーワードを注目されているかが解って結構面白いです。視覚的に解るともっと面白いかもー、というわけで PlotKit + GreaseMonkey でサクッと作ってみました。

こんな感じで表示されます。1画面内のグラフに主だったキーワードが表示されるので、「あっ、そういえばこの日こんな事あったよー」というのが解って割と面白いと思います。もちろんジャンル事の表示などにも対応してます。また例えば先日の大停電の日のグラフですが

このように、普段あまり使われてない「東電」というキーワードが一時的にめちゃくちゃ使われてる事が解って面白いです。

技術的なところでは、GreaseMonkey の開発ならヤツに~~丸投げ~~まかせろ！でお馴染みな砂糖さんの外部ライブラリを使う方法( GreaseMonkey で MochiKit 使ってみる。すなわち外部ライブラリの読み込み。あるいははてなのグラフが綺麗じゃない )で解説されている dll() 関数で MochiKit と PlotKit を読み込んで使ってます。
また PlotKit には EasyPlot() という簡単にグラフを書くインターフェイスが用意されて居るのですが、割とデータを事前に加工しないと使えなかったりするので、自作の PlotKit.SimplePie というラッパーライブラリを使ってグラフを出力しています。使い方は

SimplePie(
  [[ラベル名, 数値], [ラベル名, 数値], ...], // データの配列
  コンテナ要素, // DIV などのグラフを出力する要素
  オプション // Pie 描画のオプション + その他のラベル名 + %のしきい値
);

などとして使います。たとえばこの GM では

SimplePie(data, container, {
    axisLabelFontSize: 10,
    threshold: 2,
    otherLabel: 'Other'
  });

フォントサイズは 10 で、割合が2%以下のデータはその他に含むようにしきい値を設定し、その他のラベル名を 'Other' としています。