3 ms·

I've had the goal to learn modern JS and D3 for a few years now. And I struggled with finding a good ressource as well. Over the past year I've done it finally

I've had the goal to learn modern JS and D3 for a few years now. And I struggled with finding a good ressource as well. Over the past year I've done it finally, and I can recommend the book "D3 for the impatient". It's written for D3 v4.x, but I wanted to write my project with D3 v6, obviously. Luckily, just going for it and googling the error message when I got the inevitable "foo is not a function" was easy enough. Now I'm confident enough with it that just reading the github readme of a new D3 module is usually enough to get me going. But the API has quite a bit rough edges (like the difference between select and selectAll, the selection.merge(enter) pattern), that a good book is really nice. Especially since online tutorials are a complete mess - because of Observable non-sense and severe API rotting.

FormFollowsFunc 5y ago
There is now selection.join() [1] which means you don’t have to use selection.merge() anymore. [1] https://observablehq.com/@d3/selection-join https://observablehq.com/@d3/selection-join
- fouronnes3 5y ago
  Yes I know! It's a really good improvement. Note that your link nicely proves OP's point ;)
  - deleted 5y ago
    [deleted]
  - j-pb 5y ago
    No it doesn't. You only have to change two lines to vanilla javascript. document.getElementById("myRoot").appendChild(svg.node()); and remove the yield Thats it. But apparently you all don't know this, because you don't want to understand D3 or basic DOM APIs beyond ctrl-c/ctrl-v.
montalbano 5y ago
I think you may be incorrect regarding its version compatibility. See the author's github repository here: https://github.com/janert/d3-for-the-impatient https://github.com/janert/d3-for-the-impatient > All examples have been verified to work with this version of the D3 library (D3 Version 5.9.2, downloaded 15. Apr 2019) So, not quite V6, but a lot more up-to-date than v4. 'D3 for the impatient' is indeed an excellent book and was my entry point into using D3 aswell.
ahstilde 5y ago
Intro: https://wattenberger.com/blog/d3 https://wattenberger.com/blog/d3 Book: https://www.newline.co/fullstack-d3 https://www.newline.co/fullstack-d3

FormFollowsFunc 5y ago

There is now selection.join() [1] which means you don’t have to use selection.merge() anymore. [1] https://observablehq.com/@d3/selection-join https://observablehq.com/@d3/selection-join

fouronnes3 5y ago
Yes I know! It's a really good improvement. Note that your link nicely proves OP's point ;)
- deleted 5y ago
  [deleted]
- j-pb 5y ago
  No it doesn't. You only have to change two lines to vanilla javascript. document.getElementById("myRoot").appendChild(svg.node()); and remove the yield Thats it. But apparently you all don't know this, because you don't want to understand D3 or basic DOM APIs beyond ctrl-c/ctrl-v.

montalbano 5y ago

I think you may be incorrect regarding its version compatibility. See the author's github repository here: https://github.com/janert/d3-for-the-impatient https://github.com/janert/d3-for-the-impatient > All examples have been verified to work with this version of the D3 library (D3 Version 5.9.2, downloaded 15. Apr 2019) So, not quite V6, but a lot more up-to-date than v4. 'D3 for the impatient' is indeed an excellent book and was my entry point into using D3 aswell.

ahstilde 5y ago

Intro: https://wattenberger.com/blog/d3 https://wattenberger.com/blog/d3 Book: https://www.newline.co/fullstack-d3 https://www.newline.co/fullstack-d3