4 ms·

This is a nice tutorial. I like the order and accessible way it introduces selections and data binding, which are some of the harder things to get into when sta

by enjalot 14y ago

This is a nice tutorial. I like the order and accessible way it introduces selections and data binding, which are some of the harder things to get into when starting with d3.

dirtyaura 14y ago
I think Mike Bostock's (the author of D3) tutorials are really high quality too. https://github.com/mbostock/d3/wiki/Tutorials https://github.com/mbostock/d3/wiki/Tutorials However, once you dive a bit deeper with selections and nesting, there are some things that are not immediately obvious how to structure. For example, when we implemented small multiple visualization, figuring out the best way to structure enter and update sets for nested data took a few attempts.
- hazzen 14y ago
  This is one of the main reasons I'm writing these tutorials - small multiples (nested selections) in D3 are explained very poorly in the official docs, and are a constant stumbling block for coworkers not very familiar with the library. Sadly, getting around to properly explaining them will take another lesson or two.
  - lostdog 14y ago
    These tutorials have been excellent so far. Do you have an RSS feed that publishes when new tutorials are ready?
  - dirtyaura 14y ago
    hazzen, cool that you are going to cover them. What kind of project are you working on, if I may ask.
  - tlrobinson 14y ago
    Nested selections/joins/bindings/whatever have definitely been the biggest stumbling block. A tutorial would be much appreciated.
  - Jare 14y ago
    Results after the first one fail to load in the latest Firefox. It looks like a Firefox bug btw, the style and script tags are not being added to the created iframes (except the first, which is always ok) unless I mess with the timing, either by using a 100ms delay in setTimeout() or a breakpoint with Firebug. PS: it's a fantastic tutorial, thanks for writing it!
    - Gmo 14y ago
      I can indeed confirm that only the first example is displayed in firefox (17.0 on Windows XP)
      - hazzen 14y ago
        A little late, but I think I fixed this. Working for me now in 17.0/Windows 7
tlrobinson 14y ago
Agreed. This seems like a better introduction than other tutorials I've seen, but it could just be that I've already grokked D3's data binding model through some tutorials plus a bit of trial and error. This is another must-read: http://bost.ocks.org/mike/join/ http://bost.ocks.org/mike/join/

by enjalot 14y ago

This is a nice tutorial. I like the order and accessible way it introduces selections and data binding, which are some of the harder things to get into when starting with d3.

dirtyaura 14y ago

I think Mike Bostock's (the author of D3) tutorials are really high quality too. https://github.com/mbostock/d3/wiki/Tutorials https://github.com/mbostock/d3/wiki/Tutorials However, once you dive a bit deeper with selections and nesting, there are some things that are not immediately obvious how to structure. For example, when we implemented small multiple visualization, figuring out the best way to structure enter and update sets for nested data took a few attempts.

hazzen 14y ago
This is one of the main reasons I'm writing these tutorials - small multiples (nested selections) in D3 are explained very poorly in the official docs, and are a constant stumbling block for coworkers not very familiar with the library. Sadly, getting around to properly explaining them will take another lesson or two.
- lostdog 14y ago
  These tutorials have been excellent so far. Do you have an RSS feed that publishes when new tutorials are ready?
- dirtyaura 14y ago
  hazzen, cool that you are going to cover them. What kind of project are you working on, if I may ask.
- tlrobinson 14y ago
  Nested selections/joins/bindings/whatever have definitely been the biggest stumbling block. A tutorial would be much appreciated.
- Jare 14y ago
  Results after the first one fail to load in the latest Firefox. It looks like a Firefox bug btw, the style and script tags are not being added to the created iframes (except the first, which is always ok) unless I mess with the timing, either by using a 100ms delay in setTimeout() or a breakpoint with Firebug. PS: it's a fantastic tutorial, thanks for writing it!
  - Gmo 14y ago
    I can indeed confirm that only the first example is displayed in firefox (17.0 on Windows XP)
    - hazzen 14y ago
      A little late, but I think I fixed this. Working for me now in 17.0/Windows 7

tlrobinson 14y ago

Agreed. This seems like a better introduction than other tutorials I've seen, but it could just be that I've already grokked D3's data binding model through some tutorials plus a bit of trial and error. This is another must-read: http://bost.ocks.org/mike/join/ http://bost.ocks.org/mike/join/