examples of d3 streamgraphs in use

[distant fading star]

Hello everybody,

I would like to ask you to gather here some examples of "D3 Streamgraphs" in use...

 

I have to build a streamgraph, but I've never done it before, so I would like to have some complete html sources to see. 

The simpler, the better. 

Also specific guides/tutorials to build streamgraphs would be welcome.

Thanks,

Elisa 

[Base]

http://mbostock.github.com/d3/ex/stream.html

[distant fading star]

Hi Bose,

This example is not an example of "streamgraph in use" with real data ... 

Plus, it is the only Streamgraph easy to find.

Other inputs?

But thanks anyway,

Elisa

[Nikolay Melnikov]

The example provided here <http://mbostock.github.com/d3/ex/stream.html> is essentially and example with real data, except that the real data is generated according to 'stream_layers' function. You might want to copy and play with the code provided in <http://mbostock.github.com/d3/ex/stream.html>, as it will provide you with intuition on how to move from there on. Instead of generating data you can load it using d3.csv/d3.json/etc functions (i.e., read API, or this on how to load and process loaded data from CSV format: <https://github.com/mbostock/d3/wiki/CSV>)

Best,

nik

[Chris Viau]

There was one in NVD3. A streamgraph is nothing more than a stacked area chart using "silhouette" or "wiggle" as offset type.

[distant fading star]

Thanks.

It seems there are not so many example around the web, of projects using "d3 streamgraphs".

Regards,

E

[Patrick Martin]

I know it's been awhile since you asked, but here's something I put together last night which lets you play around with many of the options of a steamgraph interactively.

http://dexvis.wordpress.com/2013/03/15/steamgraphs-and-dex/

I also remember seeing an example in the wild where it would display the hoverdata of each slice of the steamgraph as you moved the mouse, but I have seem to have lost that link.  If anyone stumbles across it, please let me know.

- Pat

[Nicholas Tettenborn]

Hi,

We have implemented on a phonegap app for indicating frequency of news for each market. 

Nick

[Chris Viau]

Interesting application. It would be even more if we could see the source code ;)

Here are some more streamgraph examples: http://biovisualize.github.com/d3visualization/#visualizationType=streamgraph

--
You received this message because you are subscribed to the Google Groups "d3-js" group.
To unsubscribe from this group and stop receiving emails from it, send an email to d3-js+un...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Patrick Martin]

You talking about Dex or PhoneGap?

As for Dex, I am planning to release the source when I can fully comment, document and figure out how to use github.  I also wanted to work through some core architectural issues like supporting multithreading, continuous updates.

I am ashamed to say that I am a github newbie and I don't know how to use it.  Also, like most developers have been focused on the fun stuff.  Documentation and comments are tough work.  Every time I start my documentation work, I find that I hate what I am describing, and end up spending more time rewriting things than documenting.  It's a vicious cycle.

- Pat

[Ian Johnson]

github provides excellent guides along the way to creating a repository and using git. also there is this online book: http://git-scm.com/book

i would encourage you to put your code up sooner rather than later. you can always find an excuse why your code isn't perfect yet, but if it's useful to even one other person you win! also, it may be harder for people to get involved without docs/comments, but it's not impossible and you'd be surprised what you could get out of people when you put yourself out there!

good luck :)

--
Ian Johnson - 周彦

http://enja.org

[Patrick Martin]

Thanks for the link Ian. It's high on my todo list.

Pat