【D3.js + node.js】 ブログのデータをGithub風のカレンダーに表示する
example WordPressもくもく勉強会@群馬 #1で作成したものです。 サンプルコードが公開されているのでそれを元に作成しました。 Githubのカレンダー表示機能はD3.jsで作成されているのですが、そのBlog版のようなものです。 ↓これ 色がついているセルが記事を描いた日、同じ日に書いた記事が多いほど濃い緑色で表示されるようになってます。 セルにマウスオーバーすると記事のタイトルが表示されクリックするとその日のブログ記事へ飛びます。 カレンダーにしてみると、ブログ記事を頑張って書いた月とそうでもない月が一瞥できてなかなか面白いですね。 データセットの作成 WordPressのダッシュボードから「ツール→エクスポート」を選択し、投稿記事をエクスポートします。 エクスポートしたxmlファイルをnode.jsを使ってjsonに変換しました。 変換スクリプトは、以前RSSリーダーを
Superconductor: Big Data Visualization for the Web
Superconductor is a web framework for creating data visualizations that scale to real-time interactions with up to 1,000,000 data points. It compiles to WebCL, WebGL, and web workers to unleash the power of parallel hardware for fast and cross-platform data visualization. Learn more » Caution Superconductor is currently available as a developer preview. We want to give you an early look at what we
D3.jsで再利用可能なコードの書き方を教えてくれる参考書
Developing a D3.js Edge D3.jsを取り扱った参考書としては、「Getting Started with D3（D3をはじめよう）」や「Interactive Data Visualization for the Web」、「D3 Tips and Tricks」などがありますが、「Developing a D3.js Edge」は、一連の参考書より深く踏み込んだ内容となっています。 本書の概要は以下となります。 再利用可能なD3プラグインの作成 Jasmineを用いてのユニットテストやTDD/BDD Crossfilter.jsとD3.jsの連動 アプリケーションへブラッシングを組み込む 地図APIの作成 最終的に以下のような、円形のヒストグラム図と地図が連動するビジュアライゼーションを再利用可能なプラグイン(オリジナルなグラフレイアウト)として作成します。 現時
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ja.d3js.node.ws/
可視化周辺の進化がヤヴァイ～rChartsを中心として～
