可視化ライブラリD3.jsの設計が素晴らしすぎる。 | 三度の飯とエレクトロン
最近名前を聞くことが多くなってきたD3.jsを試してみています。 まだ使い始めたばかりですが、D3.jsの設計の素晴らしさに感動しています。 データを与えればグラフが表示されるというような単純なものではないので、敷居が高く感じていましたが、設計を知るほどによく出来ていて驚きます。 D3.jsとは何か？ そもそも、D3.jsとはなんでしょう？ D3.js – Data-Driven Documents D3.jsは、データをブラウザで可視化するためのライブラリです。 単なるグラフライブラリではなく、もっと抽象的な「可視化」を扱うのが特徴です。 抽象的なレイヤーを扱うので、ライブラリと言っても機能より設計が重要で、D3.jsが支持されている理由はその設計の素晴らしさにあります。実際に描画しながら、その設計の違いについて考えていきます。 企業の時価総額と営業利益の関係をプロット 例題として、企業
Backbone.js+D3.jsでデータの可視化【準備編】 - yutaponのブログ
先週はnode.jsでニコ動のランキング情報をJSON取得するコードを書きましたが、 今回はそのデータを使って棒グラフを書くってところまでやります。 （d3.jsの事前知識は公式のチュートリアルを読んだくらいです。） 普通にd3.js使っても面白く無いので、Backbone.jsとRequireJS使ってやってみました。 ソースを全部上げるには大きくなってきたのでgithubに置いときました。 yussk/nicoranking2d3 · GitHub ※まだまだ未完成、なので準備編。 現状で出力されるグラフはこんな感じ。（マイリスの絶対数のグラフ） しょぼい。 はじめに 先週書いたnode.js側のソースを少し修正してます。 アクセスのたびに100件の動画詳細を取りに行くXHRを防ぐため、 2回目以降はローカルのjsonを取得するよう変更しました。 タグ情報を返す部分も文字列型とオブジェ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
