105

D3.jsて、気になったのでこのを買いました!私は間違っているかもしれませんが、それは満たされていないことがわかりました。

D3.jsデータビジュアライゼーションをマスターするための主要な資料を持っている人はいますか?

私は多くの可能性を見ることができ、D3.js非常に熱心で興味があります。

前もって感謝します!

アップデート:

Scott Murray 著のInteractive Data Visualization for the Web を読み終わりました。すばらしい本です。無料ですのでお試しください。

4

3 に答える 3

164

@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

于 2013-06-05T04:09:16.723 に答える
8

あなたが言及した本は確かに少しスリムです。D3 を理解するのに役立つチュートリアルをいくつか紹介します: http://alignedleft.com/tutorials/d3

本当に最善の方法は、Mike Bostock がホストしている例のソース コードを調べることです: https://github.com/mbostock/d3/wiki/Gallery

于 2013-06-05T03:14:15.410 に答える
7

私が最初に学び始めたときにいくつかの基本的なチュートリアルを書きました

于 2013-06-16T19:51:31.983 に答える