5 ms·

Any good introductory tutorials for D3.js?

by cuchoi 9y ago

et-al 9y ago
Mike Bostock (creator of D3) has a bunch of great code examples on bl.ocks.org. I would start with his General Update Pattern (the link below goes through 1-3), which is key to understanding D3 as binding data to SVG elements (hence the name Data-Driven Documents) and animating any transitions. General Update Pattern: https://bl.ocks.org/mbostock/3808218 https://bl.ocks.org/mbostock/3808218 Also the documentation is great, so check out the intro here: https://d3js.org/#introduction https://d3js.org/#introduction btw, if you're using D3 purely for charting, expect a lot of work to get something that looks decent. There charting libraries that have taken care of the styling and add functions on top of D3 to make your life easier.
- cuchoi 9y ago
  Thanks! Very useful.
- newbear 9y ago
  Are there d3 only jobs? Aside from NYTimes, who is using d3? Thanks
  - asanwal 9y ago
    We do at CB Insights (and we are hiring)
    - davidjankoski 9y ago
      open for applications from europe as well?
  - akuji1993 9y ago
    We are using d3 a lot at our startup to build dashboards displaying huge amounts of data for our clients. We're just a small german startup though. But d3 has high adoption through the field of data vis.
  - davidjankoski 9y ago
    i have the same feeling that D3 related jobs are extremely sparse around here in europe (NL/DE).
  - ci5er 9y ago
    As niche consultant, we use a lot of D3+React for real-time dashboards (in the world of clinical informatics)
krrgn3 9y ago
In addition to what et-al said, the d3 wiki [1] has a list of tutorials. If you're looking for a book, I found Scott Murray's "Interactive Data Visualization for the Web" [2] to be good. [1] https://github.com/d3/d3/wiki/Tutorials https://github.com/d3/d3/wiki/Tutorials [2] http://alignedleft.com/work/d3-book-2e http://alignedleft.com/work/d3-book-2e
jzymbaluk 9y ago
I've been self-learning d3 recently and I found Square's guide to be very helpful. It takes you through enough of the concepts that you're able to understand code snippets and understand what's going on https://square.github.io/intro-to-d3/ https://square.github.io/intro-to-d3/

Any good introductory tutorials for D3.js?

by cuchoi 9y ago

Any good introductory tutorials for D3.js?

Mike Bostock (creator of D3) has a bunch of great code examples on bl.ocks.org. I would start with his General Update Pattern (the link below goes through 1-3), which is key to understanding D3 as binding data to SVG elements (hence the name Data-Driven Documents) and animating any transitions. General Update Pattern: https://bl.ocks.org/mbostock/3808218 https://bl.ocks.org/mbostock/3808218 Also the documentation is great, so check out the intro here: https://d3js.org/#introduction https://d3js.org/#introduction btw, if you're using D3 purely for charting, expect a lot of work to get something that looks decent. There charting libraries that have taken care of the styling and add functions on top of D3 to make your life easier.

cuchoi 9y ago
Thanks! Very useful.
newbear 9y ago
Are there d3 only jobs? Aside from NYTimes, who is using d3? Thanks
- asanwal 9y ago
  We do at CB Insights (and we are hiring)
  - davidjankoski 9y ago
    open for applications from europe as well?
- akuji1993 9y ago
  We are using d3 a lot at our startup to build dashboards displaying huge amounts of data for our clients. We're just a small german startup though. But d3 has high adoption through the field of data vis.
- davidjankoski 9y ago
  i have the same feeling that D3 related jobs are extremely sparse around here in europe (NL/DE).
- ci5er 9y ago
  As niche consultant, we use a lot of D3+React for real-time dashboards (in the world of clinical informatics)

krrgn3 9y ago

In addition to what et-al said, the d3 wiki [1] has a list of tutorials. If you're looking for a book, I found Scott Murray's "Interactive Data Visualization for the Web" [2] to be good. [1] https://github.com/d3/d3/wiki/Tutorials https://github.com/d3/d3/wiki/Tutorials [2] http://alignedleft.com/work/d3-book-2e http://alignedleft.com/work/d3-book-2e

jzymbaluk 9y ago

I've been self-learning d3 recently and I found Square's guide to be very helpful. It takes you through enough of the concepts that you're able to understand code snippets and understand what's going on https://square.github.io/intro-to-d3/ https://square.github.io/intro-to-d3/