#D3 Labs

This repo contains example code from the d3 lab videos

##Important Links

• Scott Murray's Book on D3
  • Chapter 3 covers similar content to the second video. You will probably find it useful for more advanced things
  • Chapter 4 covers settings up your environment. Useful, especially if you're on windows.
  • Chapters 5, 6 are covered by Video 5.
  • Chapters 7, 8 are covered by Video 6.
  • Chapter 9 is not covered, and is skippable
  • Chapter 10 covers interactive visualisation. The basics will be covered in Video 6
• Mozilla HTML Reference
• Mozilla CSS Reference
• Mozilla JavaScript Reference
• jQuery
  • jQuery API

##Directories ###video1 Video 1 covered using Git.

The example repository is found here, as well as some stuff on branching

• Video Link
• Git Branching
  • Covers the concept of branching for collaboration.
  • For simplicity's sake, you may wish to avoid branching, but this is available as an option, if you desire
• Visual Git Applications
  • Github Desktop Client or for Mac
  • Sourcetree
• Pro Git, the best book on Git. Completely Free
  • Most important chapters are 1 (for installation), 2 for using Git, and 6 for use of Github

###video2 HTML and CSS. Sample code here

• Video Link
• Mozilla HTML Reference
• Mozilla CSS Reference

###video3 Javascript and Jquery

• Video Link
• Mozilla JavaScript Reference
• jQuery
  • jQuery API

###video4 SVGs

• Video Link
• Mozilla SVG Reference

###video5 Introduction to D3: drawing elements, loading data, how to make a scatterplot

• Video Link
• D3 Documentation
• D3 Path Generator Interpolation Strategies
• Errata
  • better-scales.js had d3.extent misspelled as d3.extents. This has been corrected
  • The original better-scales.js was missing a few parenthesis to close function blocks. This is now fixed
  • An additional file, scatter-dynamicscales.html is now available, showing how to use the dynamic scales