D3.jsのenter()が分からなかったのでコードリーディングしたメモ - bati11 の 日記
前回、D3.jsでレーダーチャート書いてて、enter() で何が起きてるのかよく分からなかったのでソースコードを読んでみました。そのときのメモです。 長くなりました。一番下の方にまとめもあります。 読んだD3.jsのバージョンは、3.4.2です。 読んでみたらenter()はただのgetterメソッドで特に何の処理もしてませんでした。代わりにdata()ががんばってたんですねー。 ソースコード読んでみて、やっとD3 - セレクションの仕組みに書いてある意味が分かった気がします。 下のような円を描くコードを元にソースコードを読んでみました。 var svg = d3.select('body') .append('svg') .attr('width', w) .attr('height', h); svg.selectAll('path') .data(dataset) .enter()
可視化ライブラリD3.jsの設計が素晴らしすぎる。 | 三度の飯とエレクトロン
最近名前を聞くことが多くなってきたD3.jsを試してみています。 まだ使い始めたばかりですが、D3.jsの設計の素晴らしさに感動しています。 データを与えればグラフが表示されるというような単純なものではないので、敷居が高く感じていましたが、設計を知るほどによく出来ていて驚きます。 D3.jsとは何か？ そもそも、D3.jsとはなんでしょう？ D3.js – Data-Driven Documents D3.jsは、データをブラウザで可視化するためのライブラリです。 単なるグラフライブラリではなく、もっと抽象的な「可視化」を扱うのが特徴です。 抽象的なレイヤーを扱うので、ライブラリと言っても機能より設計が重要で、D3.jsが支持されている理由はその設計の素晴らしさにあります。実際に描画しながら、その設計の違いについて考えていきます。 企業の時価総額と営業利益の関係をプロット 例題として、企業
dc.jsをっかった散布図と折れ線グラフの複合チャート - ayapi.github.io
D3.jsにっぃて D3.jsゎ、データ駆動でのDOM操作機構を提供するjsのライブラリで、 データヴィジュアライゼーションとかでとても注目されてるゃっです 日本語の情報もぁり、注目度の高さがぅかがぇます D3.js - 日本語ドキュメント スコット・マレイ D3 チュートリアル D3.jsベースのチャート作成ライブラリ D3.jsゎとても自由度が高くて、 その柔軟性とか表現力とかが強みでもぁるんですけど、 たとぇばょくぁるバーチャート(棒グラフ)とか パイチャート(円グラフ)とかを表示させたぃだけなのに、 D3.jsで１からゎざ②それをかくのゎ、どーなのってなります なので、フツーのチャートをかんたんにっくることを目的とした、 D3.jsベースのチャーティングライブラリが NVD3.js、dimple.js、dc.js、Rickshaw、xCharts、とかで、 ほかにもぃっぱぃぁります
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ja.d3js.info/alignedleft/tutorials/d3/axes/
