@Autio が既に述べたように、Scott Murray のチュートリアルが彼のWeb サイトにあります。
また、彼のサイトには、彼の最近の d3 書籍である
Interactive Data Visualization for the Webへのリンクがあります。
ただし、その本は現在、埋め込まれた jsbin の例とともに、
オンラインで無料で入手できます。http://chimera.labs.oreilly.com/books/1230000000345/index.html
したがって、「本」を探しているなら、これは素晴らしいスタートになるでしょう。
始めるのに最適なもう 1 つの場所は、一連のチュートリアルです。これらはほとんどミニブックと考えることができます
。
これら 2 つのリソースの利点の 1 つは、ブラウザーで d3 をすぐに試してみることを奨励することです。したがって、実際に d3 を使用して、それがどのように機能するかを読むだけでなく、単純なケースでどのように機能するかを調べています。
github の d3 wiki には多くのチュートリアルがあり、d3 だけでなく d3 コミュニティで何が起こっているかを理解するために不可欠ですが、上記の 2 つのリンクから始めることをお勧めします。 (1 ページまたは 2 ページの投稿とは対照的に、継続的な焦点を使用して) 利用可能な他のチュートリアルにジャンプするための適切なベース。
https://github.com/mbostock/d3/wiki/Tutorials
また、d3 で最終的に何をしたいのかを検討してください。d3 自体は非常に強力ですが、かなり低レベルです。つまり、ニューヨーク タイムズのホワイト ハウスへの 512 のパスの選挙マップの代わりに棒グラフを作成する必要がある場合は、 vegaのようなツールを検討する価値があるかもしれません。これにより、標準の棒グラフなどのアイテムを作成する際に発生する可能性のある低レベルの複雑さが解消されます。そして、これらのツールの数は少なくありません。これは、 d3 を利用するライブラリのリストの要旨に示されています。
最近では、 d3.js と crossfilter を組み合わせたdc.jsチャート作成ライブラリの著者である Nick Zhu が、D3 を使用した新しいデータ視覚化クックブックを発表しました。 .
HTML と CSS にまだ慣れていない人のための d3.js イントロもあります:
パート1
: http://nrecursions.blogspot.in/2014/11/getting-your-head-around-d3js.html /nrecursions.blogspot.in/2014/12/getting-your-head-around-d3js-part2.html