4 ms·

All D3.js demonstrations in one document

113 points by pzeups 14y ago

Help to correct it! thx <3

bunkat 14y ago
If you want to see what Mike has been up to most recently you can also check out http://bl.ocks.org/mbostock http://bl.ocks.org/mbostock. This displays all of his most recent gists/experiments - many of which never make it to the gallery page.
- mbostock 14y ago
  Thanks for the link! You can also subscribe to the RSS feed here: http://bl.ocks.org/mbostock.rss http://bl.ocks.org/mbostock.rss
ndefinite 14y ago
He's using it to run this: http://biovisualize.github.com/d3visualization/ http://biovisualize.github.com/d3visualization/ It's awesome what they've done to showcase the community examples
- deleted 14y ago
  [deleted]
lignuist 14y ago
This is great. I would like to see more all-in-one-document documentations and demos. In most cases this just feels faster to me. This is maybe not true for something like the complete Java API, but for many smaller docs.
- deleted 14y ago
  [deleted]
deleted 14y ago
[deleted]
alpb 14y ago
Isn't it a bit difficult to navigate on the list without seeing the visualizations? D3 gallery is better. https://github.com/mbostock/d3/wiki/Gallery https://github.com/mbostock/d3/wiki/Gallery
- chris_viau 14y ago
  This Google Spreadsheet is only a database for this new D3 alternative gallery: http://biovisualize.github.com/d3visualization/ http://biovisualize.github.com/d3visualization/
  - armaanahluwalia 14y ago
    Still, considering the power of visualisations is their ability to tap into our "GPU" the most suitable preview mode would be a thumbnail even if it is targeted towards developers. On that note – no demo links - no sale.
    - oscilloscope 14y ago
      I'm struggling to understand what you're referencing. The database contains both links to the visualization and thumbnail URLs. Chris posted an example of a gallery with thumbnail previews, which you can click on to see the original. The Google Doc is where the data is curated, and available for developers to make their own visualizations of the data.
pasbesoin 14y ago
Looks like public accessibility was removed; I'm being prompted to sign in to a Google Apps account.
- pzeups 14y ago
  should be good now.
- chris_viau 14y ago
  I temporarily disabled public write-access as the spreadsheet is choking under too many requests. But you can definitely view. I will restore full access in a day or two. Just send me a write-access request in the meantime or add your examples to the official wiki. Thanks!
deleted 14y ago
[deleted]
vittore 14y ago
You could've done it in D3!
- pzeups 14y ago
  Complicated. perf ?
- chris_viau 14y ago
  It IS done in D3: https://github.com/biovisualize/d3visualization https://github.com/biovisualize/d3visualization
sopooneo 14y ago
Can someone point me to a high quality d3 tutorial? Either video or text, but an actual progression from basic concepts to a full working project, with code? I have read a decent amount of their documentation wiki, and have modified some of the examples, and made a few very simple things from scratch, but I am still missing some huge concepts.
- raju 14y ago
  You might have already come across these, but I figured posting them here might help nonetheless. Start here - http://bost.ocks.org/mike/join/ http://bost.ocks.org/mike/join/ This gives you the neccessary understanding of how D3 works (from mbostock himself). I found this tutorial to be pretty good - http://alignedleft.com/tutorials/d3/ http://alignedleft.com/tutorials/d3/ He also has a book out there with O'Reilly. Here's another good one http://2011.12devsofxmas.co.uk/2012/01/data-visualisation/ http://2011.12devsofxmas.co.uk/2012/01/data-visualisation/ Hope that helps!
- sebg 14y ago
  http://www.dashingd3js.com http://www.dashingd3js.com I humbly submit my own tutorial. Also, happy to answer any questions you might have. Check my profile for my email.

113 points by pzeups 14y ago

Help to correct it! thx <3

If you want to see what Mike has been up to most recently you can also check out http://bl.ocks.org/mbostock http://bl.ocks.org/mbostock. This displays all of his most recent gists/experiments - many of which never make it to the gallery page.

mbostock 14y ago
Thanks for the link! You can also subscribe to the RSS feed here: http://bl.ocks.org/mbostock.rss http://bl.ocks.org/mbostock.rss

ndefinite 14y ago

He's using it to run this: http://biovisualize.github.com/d3visualization/ http://biovisualize.github.com/d3visualization/ It's awesome what they've done to showcase the community examples

deleted 14y ago
[deleted]

lignuist 14y ago

This is great. I would like to see more all-in-one-document documentations and demos. In most cases this just feels faster to me. This is maybe not true for something like the complete Java API, but for many smaller docs.

deleted 14y ago
[deleted]

deleted 14y ago

[deleted]

alpb 14y ago

Isn't it a bit difficult to navigate on the list without seeing the visualizations? D3 gallery is better. https://github.com/mbostock/d3/wiki/Gallery https://github.com/mbostock/d3/wiki/Gallery

chris_viau 14y ago
This Google Spreadsheet is only a database for this new D3 alternative gallery: http://biovisualize.github.com/d3visualization/ http://biovisualize.github.com/d3visualization/
- armaanahluwalia 14y ago
  Still, considering the power of visualisations is their ability to tap into our "GPU" the most suitable preview mode would be a thumbnail even if it is targeted towards developers. On that note – no demo links - no sale.
  - oscilloscope 14y ago
    I'm struggling to understand what you're referencing. The database contains both links to the visualization and thumbnail URLs. Chris posted an example of a gallery with thumbnail previews, which you can click on to see the original. The Google Doc is where the data is curated, and available for developers to make their own visualizations of the data.

pasbesoin 14y ago

Looks like public accessibility was removed; I'm being prompted to sign in to a Google Apps account.

pzeups 14y ago
should be good now.
chris_viau 14y ago
I temporarily disabled public write-access as the spreadsheet is choking under too many requests. But you can definitely view. I will restore full access in a day or two. Just send me a write-access request in the meantime or add your examples to the official wiki. Thanks!

deleted 14y ago

[deleted]

vittore 14y ago

You could've done it in D3!

pzeups 14y ago
Complicated. perf ?
chris_viau 14y ago
It IS done in D3: https://github.com/biovisualize/d3visualization https://github.com/biovisualize/d3visualization

sopooneo 14y ago

Can someone point me to a high quality d3 tutorial? Either video or text, but an actual progression from basic concepts to a full working project, with code? I have read a decent amount of their documentation wiki, and have modified some of the examples, and made a few very simple things from scratch, but I am still missing some huge concepts.

raju 14y ago
You might have already come across these, but I figured posting them here might help nonetheless. Start here - http://bost.ocks.org/mike/join/ http://bost.ocks.org/mike/join/ This gives you the neccessary understanding of how D3 works (from mbostock himself). I found this tutorial to be pretty good - http://alignedleft.com/tutorials/d3/ http://alignedleft.com/tutorials/d3/ He also has a book out there with O'Reilly. Here's another good one http://2011.12devsofxmas.co.uk/2012/01/data-visualisation/ http://2011.12devsofxmas.co.uk/2012/01/data-visualisation/ Hope that helps!
sebg 14y ago
http://www.dashingd3js.com http://www.dashingd3js.com I humbly submit my own tutorial. Also, happy to answer any questions you might have. Check my profile for my email.