D3.js

https://square.github.io/intro-to-d3/
https://d3js.org/

https://github.com/d3/d3/wiki/Tutorials
https://github.com/d3/d3/wiki/Gallery

Mike Bostock
https://bost.ocks.org/mike/


d3 API reference

https://github.com/d3/d3/blob/master/API.md

d3 Gallery
https://github.com/d3/d3/wiki/Gallery

Selection, enter(), exit() tutorial
https://bost.ocks.org/mike/join/
http://bl.ocks.org/alansmithy/e984477a741bc56db5a5

d3 scales
View story at Medium.com
https://github.com/d3/d3-scale

Events
Transitions
Easing:  .ease(‘elastic’)

Sorting of data in d3
bardata.sort( function compareNumbers(a, b) {
return a-b;
});

Grouping of svg elements
Use the <g> tag

SVG Axis
var vAxis = d3.svg.axis()

d3 Margins
https://bl.ocks.org/mbostock/3019563

Reading data from files
http://learnjsdata.com/read_data.html

d3 Layouts
http://chimera.labs.oreilly.com/books/1230000000345/ch11.html#_force_layout

To get predefined color combinations
d3.scale.category20c()

Layouts
Pie Layout
Force Layout

 

Advertisements