/d3-labs

Code covered by the d3.js labs

Primary LanguageHTML

#D3 Labs

This repo contains example code from the d3 lab videos

##Important Links

##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
  • 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

###video3 Javascript and Jquery

###video4 SVGs

###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

###video6 Interactive Visualisations, and Multi-pane challenge