LoginSignup
5
6

More than 5 years have passed since last update.

NVD3でQiitaの投稿を月単位で集計したグラフを作ってみた

Posted at

ここに書いた手順で取得したQiitaの「ほぼ」全投稿を、月単位で集計してNVD3を使って棒グラフで表示してみた。

qiita-item-statistics.png

作ったもの

NVD3とは

d3.jsを使ったチャートライブラリ。
様々なチャートのテンプレートが用意されており、インタラクティブな操作が可能で綺麗なグラフが作れる。

d3.jsではSVG等で自分でグラフを書く必要があるが、NVD3ではデータを渡していくつかの設定をするだけで良い。

ただドキュメントが見当たらないので、サンプルを見ないと使い方が全く分からない。

サンプルを見て、自分の作りたいグラフにぴったりマッチするものがあれば、採用を検討してみるといいと思う。

サンプル
http://nvd3.org/examples/index.html
ソース
https://github.com/novus/nvd3

データ

データはここに書いた手順で取得した2014年9月までの投稿。
※正確に全投稿を取得しているわけではない。

投稿のJSONをそのまま使うとサイズが大きすぎるので、作成日時とタグを抽出したTSVファイルを事前に用意した。

2014-09-30 23:32:50 +0900   MySQL   Windows
2014-09-30 23:33:55 +0900   Go
2014-09-30 23:43:43 +0900   AWS CloudFront
2014-09-30 23:50:42 +0900   C#
2014-09-30 23:57:42 +0900   Vim RuboCop Ruby    syntastic

QiitaAPIはv1を使用。
v2ではより多くのデータを取得できるので使用したかったが、現時点でまだ問題があるのでv1を使用した。

5
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
6