Tag Archives: IDV4GH

Force-directed graph with clusters in D3js

Stack Overflow comes through with a cool solution: http://stackoverflow.com/questions/10731008/d3-js-how-to-create-force-directed-graph-clusters

http://bl.ocks.org/donaldh/2918073

http://bl.ocks.org/donaldh/2920551

Thanks!

Comments Off on Force-directed graph with clusters in D3js

Filed under dataviz

Animations and transitions in D3js

Seeing data transition can be amazing, can be distracting. Making it work can be confusing. Here are some hints: http://www.jeromecukier.net/blog/2012/07/16/animations-and-transitions/

Comments Off on Animations and transitions in D3js

Filed under dataviz

Javascript style?

Javascript style guidelines seem less definitive than PEP-8. Is this a good reference: http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#JavaScript_Style_Rules?

Comments Off on Javascript style?

Filed under dataviz

The key to interaction in D3js

The key may be hidden in the API reference for selection.on: https://github.com/mbostock/d3/wiki/Selections#wiki-on

Comments Off on The key to interaction in D3js

Filed under dataviz

Brushing handler, a recent development (?)

Just in time for inclusion in some lucky students project, a way to do brushing interactions: http://bl.ocks.org/mbostock/1667367

Comments Off on Brushing handler, a recent development (?)

Filed under dataviz

D3js axes are going to be hard to teach

I’m worried about this part, it is going to hurt my students. It is very powerful, though, and doing it from scratch would hurt worse: https://github.com/mbostock/d3/wiki/SVG-Axes

Scott Murray’s tutorial goes through the basics at a gentle pace: http://alignedleft.com/tutorials/d3/axes/

Comments Off on D3js axes are going to be hard to teach

Filed under dataviz

Nice colors

And a good example of using colors: http://mbostock.github.io/d3/talk/20111116/#16

Comments Off on Nice colors

Filed under dataviz

Small-multiples example

Perhaps our small-multiples exercise will be based on this: http://mbostock.github.io/d3/talk/20111116/#12

Comments Off on Small-multiples example

Filed under dataviz

Just because you can doesn’t mean that you should

These chart transitions are worthy of admiration, however: http://mbostock.github.io/d3/talk/20111116/#11

Comments Off on Just because you can doesn’t mean that you should

Filed under dataviz

D3js axes and tricks for ticks

Possibly of use for homework or projects: http://bl.ocks.org/phoebebright/3061203

Comments Off on D3js axes and tricks for ticks

Filed under dataviz