You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
1. はじめに “JsonファイルのデータをD3.jsで読み込み、 GoogleMapにヒートマップとして配置する” 8/4の投稿(Google Map Apiで地図にデータを配置する初歩的なメモ)ではGoogleMapApiを用いてGoogleマップ上にピンやヒートマップを描画する方法をメモしました。今回はより実用的に、ヒートマップなどのデータをJsonファイルとして準備し、D3.jsで読込んで描画する処理をメモします。前回のコードと比較すると、最近各所で使われているD3.jsがデータのロードに限ればとてもシンプルに利用できることが分かると思います。 GoogleMapAPIを使用する際の制限などは前回同様。使用許諾を参照してください。 2. データ 次のデータを「heatdata.json」という名前でスクリプトと同じフォルダに配置します。前回スクリプト内で使用したJsonコードはエラ
Comfortable C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more. Customizable C3 gives some classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3. Controllable C3 provides a variety of APIs and callbacks to access th
先週はnode.jsでニコ動のランキング情報をJSON取得するコードを書きましたが、 今回はそのデータを使って棒グラフを書くってところまでやります。 (d3.jsの事前知識は公式のチュートリアルを読んだくらいです。) 普通にd3.js使っても面白く無いので、Backbone.jsとRequireJS使ってやってみました。 ソースを全部上げるには大きくなってきたのでgithubに置いときました。 yussk/nicoranking2d3 · GitHub ※まだまだ未完成、なので準備編。 現状で出力されるグラフはこんな感じ。(マイリスの絶対数のグラフ) しょぼい。 はじめに 先週書いたnode.js側のソースを少し修正してます。 アクセスのたびに100件の動画詳細を取りに行くXHRを防ぐため、 2回目以降はローカルのjsonを取得するよう変更しました。 タグ情報を返す部分も文字列型とオブジェ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く