D3

Resources

• 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

• https://medium.com/@mbostock/introducing-d3-scale-61980c51545f
• https://github.com/d3/d3-scale

d3 Some Topics

• 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