weiglemc

Working through the examples from Scott Murray's tutorial at http://alignedleft.com/tutorials/d3/

Built with blockbuilder.org

Image and code from http://www.harding.edu/fmccown/r/

Embedding an image in Markdown:

weiglemc

My first blockbuilder block

Built with blockbuilder.org

weiglemc

NVD3 version of Hot Dog Contest Bar Chart

weiglemc

Scatterplot of 2014 NCAA Passing Statistics

Data from http://www.sports-reference.com/cfb/years/2014-passing.html

Scatterplot based on http://bl.ocks.org/mbostock/3887118, tooltip example from http://www.d3noob.org/2013/01/adding-tooltips-to-d3js-graph.html

weiglemc

d3 scatterplot example using the Breakfast Cereal Dataset from http://idvbook.com and based on the scatterplot example at http://bl.ocks.org/mbostock/3887118

weiglemc

My notes

• Using Nathan's Hot Dog Contest datafile from flowingdata.com
• Changing tsv to csv to read in datafile w/o modification

Edit of mbostock's DRY Bar Chart

A variation of the example bar chart using a slightly more D.R.Y. style. The visual encoding is represented by two functions and their composition:

• The value accessor returns the value (or property) to encode for a given data object.
• The scale maps this value to a visual display encoding, such as a pixel position.