, , , 2014年4月16日

久しぶりのD3ネタです。今回はD3.jsを使って折れ線グラフを描いてみたいと思います。とは言っても描画自体は簡単過ぎるくらい簡単なので、今回は色々な小ネタを挟みながら解説したいと思います。 ちなみに、完成形の折れ線グラフはこんな感じになります。

, , , 2014年4月7日

D3.jsのjsonメソッドなどを使って、ローカルにあるファイルを読み込もうとすると、javascript側でエラーが発生して読み込むことができません。例えば、 d3.json("./dataset.json", function(data){ //↑同一フォルダ上にあるファイルを読み込みたい! console.log(data) }); と普通に書いても、エラーが発生して読み込めません。そんな時の解決方法をいくつか紹介します。

, 2014年4月1日

D3.jsのtransitionを使うと、要素のアニメーションがとても簡単に実装できます。その際、アニメーションの様子を制御する「イージング」というものを設定する事ができます。 デフォルトで用意されているイージングの種類は色々あるのですが、説明だけだとよく分かりません。ということで、今回はD3のイージングを確認できるものを作りました。

, , , 2014年3月11日

前回の記事でGeoJSONについて紹介・解説しましたが、D3.js界隈だとTopoJSONというフォーマットを良く使うようです。解説記事はいくつかありますが、若干分かりづらいので、重要な部分だけをざっくりと解説したいと思います。 記事の信頼性はあまり保証できないです。TopoJSONの日本語仕様書はこちらにあるので、正確に知りたい人は目を通して下さい。

CATEGORIES