明日から使えるD3.js
コードの説明 Line Chartを描くにはこんな感じです。 // marginの設定 var margin = {top: 20, right: 20, bottom: 30, left: 50}, width = 960 - margin.left - margin.right, height = 500 - margin.top - margin.bottom; // 日付の表示形式の設定 var parseDate = d3.time.format("%d-%b-%y").parse; コードの説明 // X軸、Y軸の設定 var x = d3.time.scale() .range([0, width]); var y = d3.scale.linear() .range([height, 0]); var xAxis = d3.svg.axis() .scale(x) .ori
D3.js 例文辞典
説明 D3.jsで円グラフを角度0から360度までアニメーションさせながら描くにはattrTween()メソッドを使います。最初のパラメーターには"d"を指定します。2番目のパラメーターには関数を指定します。この関数内で円グラフの各ピース部分に応じて角度を設定します。開始角度などの設定はd3.interpolate()メソッドを使って行います。最初のパラメーターに開始角度と終了角度をオブジェクトリテラル型式で指定します。つまり{ startAngle : 0, endAngle : 0 }のように指定します。これは開始角度、終了角度とも最初は0度から始まることを示しています。2番目のパラメーターではアニメーションの最後の開始角度と終了角度を指定します。開始角度は関数に渡されたオブジェクトのstartAngleに入っているのでd.startAngleと指定します。終了角度はd.endAngl
かに本舗のすすめ.com
↑↑↑購入はこちらから↑↑↑ 年末年始と言えば「カニ」ですよね！ 冬はカニの旬で、一番おいしくいただける時期です。 高額な食材なので、年末年始の一大イベントにしているご家庭も多いと思います。 でも、いざカニを買って、こんな思いをしたことがありませんか？ こういった美味しくないカニが流通する背景には、利益重視の悪質な業者があるようです。 カニの管理が杜撰だったり、そもそも質の悪いカニを低価格で仕入れていたりするとのこと。 せっかく家族全員が楽しみにしていたカニが、こういった業者のものにあたってしまったら最悪ですよね！ どうせ買うなら「美味しくて」「大きい」カニが食べたいのはみんな同じです！ でも、残念なことに、素人には美味しいカニとそうでないカニをなかなか見分けることができません。 私もいろいろなお店でカニを購入してきましたが、ネットショップのカニってハズレ率が高い気がします……。自分の目で
Data is fun. | Category | D3.jsチュートリアル
このページはD3.jsチュートリアル基本シリーズの 7 / 7 です。いよいよアニメーションでSVG要素を動かしてみます。といっても簡単にできます。基本的には.transition()の後に続いて、変化させた結果の状態を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo_20.htm
