D3.js 101 - Technical Intro • Hacker News Board

Re: D3.js 101 - Technical Intro

#11

Post by deepuj » Mon, Feb 04, 2013, 4:40 PM UTC

The content was good, but the layout of the presentation was stupid.

Re: D3.js 101 - Technical Intro

#12

Post by cstuder » Mon, Feb 04, 2013, 4:55 PM UTC

TannerLD wrote: post #4

These two-dimensional presentations confuse me if I don't realize they are two-dimensional at first. I press the right arrow key through the entire presentation and I find it much shorter than I imagined. Then I realize you have to go down as well.

It's reveal.js and yes, confusing.

Don't think too much, just hit 'Space' and it will guide you correctly through the slides.

Altough even the guided tour feels spatially incorrect...

Re: D3.js 101 - Technical Intro

#13

Post by feralmoan » Mon, Feb 04, 2013, 4:59 PM UTC

TannerLD wrote: post #4

These two-dimensional presentations confuse me if I don't realize they are two-dimensional at first. I press the right arrow key through the entire presentation and I find it much shorter than I imagined. Then I realize you have to go down as well.

I wish I could just figure out what content is actually on this thing and skip to the parts that are interesting. Just because people can reveal.js doesn't mean they should. ugh

Re: D3.js 101 - Technical Intro

#14

Post by adhipg » Mon, Feb 04, 2013, 5:02 PM UTC

TannerLD wrote: post #4

These two-dimensional presentations confuse me if I don't realize they are two-dimensional at first. I press the right arrow key through the entire presentation and I find it much shorter than I imagined. Then I realize you have to go down as well.

You can press to see an overview of the whole presentation - which is interactive.

Re: D3.js 101 - Technical Intro

#15

Post by RokStdy » Mon, Feb 04, 2013, 5:04 PM UTC

I wholeheartedly enjoyed the presentation (which makes me a weirdo I guess). The content was also really good. I have been wanting to fool around with D3, but it seemed too daunting.

Re: D3.js 101 - Technical Intro

#16

Post by bengillies » Mon, Feb 04, 2013, 5:18 PM UTC

insraq wrote: post #9

TannerLD wrote: post #4

These two-dimensional presentations confuse me if I don't realize they are two-dimensional at first. I press the right arrow key through the entire presentation and I find it much shorter than I imagined. Then I realize you have to go down as well.

Agreed. They look cool, but they are usability disaster.

It really depends on who your intended user is. If the slides are intended to form a presentation (quite likely), then the user is often the person making the slides in the first place. In such cases they're not a usability disaster at all. Rather, they're really helpful (being able to switch between different sections, or miss sections that your audience already knows about easily is really useful).

On the other hand, if the slides are intended for reading, then yes, they may be a usability disaster. But then, slides aren't going to be the best format for reading anyway.

Re: D3.js 101 - Technical Intro

#17

Post by sebg » Mon, Feb 04, 2013, 5:19 PM UTC

1_player wrote: post #6

TannerLD wrote: post #4

These two-dimensional presentations confuse me if I don't realize they are two-dimensional at first. I press the right arrow key through the entire presentation and I find it much shorter than I imagined. Then I realize you have to go down as well.

I was very interested to see a presentation about D3.js, I struggled to wrap my head around it a few days ago and left for simplier libraries. I opened this presentation and I can't figure out in which order should I visit these pages. I closed it in anger. Good intentions, awful execution.

check out http://www.dashingd3js.com - I wrote it and it starts at the basics and goes from there...

Re: D3.js 101 - Technical Intro

#18

Post by lancefisher » Mon, Feb 04, 2013, 5:21 PM UTC

RaSoJo wrote: post #2

Why playground no load for me :( http://scottcheng.github.com/d3js-101/playground/

Yeah, that page is basically a blank slate with d3.js loaded. You should open the js console, and cut/paste code from the presentation. Works great!

Re: D3.js 101 - Technical Intro

#19

Post by brucehubbard » Mon, Feb 04, 2013, 5:31 PM UTC

http://tributary.io/ is a cool playground for d3.js.

Also http://www.dashingd3js.com/ is a good tutorial for learning d3.js (goes into more detail than the linked slideshow).

Re: D3.js 101 - Technical Intro

#20

Post by brucehubbard » Mon, Feb 04, 2013, 5:35 PM UTC

brucehubbard wrote: post #19

http://tributary.io/ is a cool playground for d3.js. Also http://www.dashingd3js.com/ is a good tutorial for learning d3.js (goes into more detail than the linked slideshow).

I mocked up a simple chart using d3 in tributary for our development team last week if anyone is interested in looking at it: http://tributary.io/inlet/4637557

I tried to add tons of comments explaining what's going on.