Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

D3, Conceptually - Lesson 1

code.hazzens.com

Post reply on HN
Print view View original

1–10 of 34 posts

Re: D3, Conceptually - Lesson 1

#3

Post by dirtyaura »

bslatkin wrote: post #2

While learning D3 I was surprised that it's a good general system for manipulating DOM. Using SVG is just the prettiest application of it.

D3 is indeed a well-thought-out library for connecting data with DOM. Of Javascript frameworks that I have played with, jQuery and D3 are the only ones that I've truly enjoyed. And although D3 and jQuery have a lot of overlap, it's easy to mix them. We are using both at Fount (http://fount.io, just an early demo at the moment). We use D3 for data displays and jQuery for Ajax and the rest of the UI.

Re: D3, Conceptually - Lesson 1

#5

Post by dirtyaura »

enjalot wrote: post #4

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.

I think Mike Bostock's (the author of D3) tutorials are really high quality too. 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.

Re: D3, Conceptually - Lesson 1

#6

Post by hazzen »

dirtyaura wrote: post #5
enjalot wrote: post #4

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.

I think Mike Bostock's (the author of D3) tutorials are really high quality too. 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 atte…

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.

Re: D3, Conceptually - Lesson 1

#7

Post by dirtyaura »

hazzen wrote: post #6
dirtyaura wrote: post #5

Earlier quoted context omitted.

I think Mike Bostock's (the author of D3) tutorials are really high quality too. 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 atte…

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.

hazzen, cool that you are going to cover them. What kind of project are you working on, if I may ask.

Re: D3, Conceptually - Lesson 1

#9

Post by lostdog »

hazzen wrote: post #6
dirtyaura wrote: post #5

Earlier quoted context omitted.

I think Mike Bostock's (the author of D3) tutorials are really high quality too. 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 atte…

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.

These tutorials have been excellent so far. Do you have an RSS feed that publishes when new tutorials are ready?

Re: D3, Conceptually - Lesson 1

#10

Post by louischatriot »

bslatkin wrote: post #2

While learning D3 I was surprised that it's a good general system for manipulating DOM. Using SVG is just the prettiest application of it.

Exactly. It's so easy in fact, and so amount of SVG you need to learn to build great graphs so small that I almost never rely on a high-level graphing library (e.g. Highcharts) anymore.
Post reply on HN