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
class: center, middle, inverse # D3 V4 - What's new? Play along: [D3 v3 playground](http://jsbin.com/degoxo/1/edit?html,js,console,output) | [D3 v4 playground](http://jsbin.com/yoruka/1/edit?html,js,console,output) Slides: [iros.github.io/d3-v4-whats-new/](http://iros.github.io/d3-v4-whats-new/#1) [](http://bocoup.com/datavis) --- # Modularity #### D3 v3 was
セレクションにクラスを設定する場合、 セレクション.attr("class", "クラス名")とする。ここでクラス名は"myclass"のように、先頭の"."は不要。 複数のクラスをつける場合は、"myclassA myclassB"とスペースで区切る。 ただし、attr("class", "..")は、"class"属性を上書きしてしまうから、すでにクラスを設定している状態であるクラスだけを外したい、という場合は使えない。 そういう場合は、 .classed("クラス名", true/false)を使う。trueで有効、falseで無効化できるので、ある属性を一時的に外したいという時に便利。
d3.jsのAPIにcallというのがある。関数を呼び出すAPIであることはわかるのだが、具体的な使い方がいまひとつピントこなかったので、Referenceを読んでみた。Selections · mbostock/d3 Wiki · GitHub まず具体的な例から。 function foo(selection) { selection .attr("name1", "value1") .attr("name2", "value2"); }という関数があるとする。普通にこの関数を使おうとすると、 foo(d3.selectAll("div"));というように書くだろう。これはこれで間違いではない。しかし、d3.jsの表記の基本は'Chain Syntax'、つまり、'.'で樹々つなぎにするほうが「d3.js的」だ。そこで作られのが 'call'なのだ(たぶん)。 callでは普通の関数の
はじめに 以前, AngularJSでD3.jsをラップしてみようのエントリで, 「いかにしてAngularJSとD3.jsを統合するか」を記載した. その後, 自分で幾つかAngularJSとD3.js両方を使ったApplicationを作ったり, http://alexandros.resin.io/angular-d3-svg/ のブログを読んだりした上で, 双方のライブラリ両方を使う際の知見が増えたので, これを機にもう一度整理してみようかと. ライブラリとしての比較 AngularJSとD3.js, 双方を触ってみて思うのは, 特にコアな部分について, 備えている機能が重複していたり, 同等機能への実装アプローチが異なるなぁ、ということ. # 比較項目 Angular's way D3's way
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く