#Knightd3js - Module 4 April 6-12 2015

Get Started. It's Free
or sign up with your email address
#Knightd3js - Module 4 April 6-12 2015 by Mind Map: #Knightd3js - Module 4 April 6-12 2015

1. Alberto Cairo

1.1. Beautiful

1.1.1. Slides

2. D3 Min.Max. Scale -

3. Scott Murray

3.1. Linear Scales

3.1.1. scaled widths

3.1.1.1. set width and height as variables

3.1.1.2. wrap width in a function

3.1.1.3. change graphics width by changing the variable

3.1.2. Dynamic domains

3.1.2.1. d3.max()

3.1.2.1.1. keeps charts dynamic

3.1.2.1.2. Scales Data based on maximum value

3.1.2.2. More D3 arithmetic functions

3.1.2.2.1. d3.min, d3.sum, d3.mean

3.1.3. Axes for linear Scales

3.1.3.1. Set scale up first

3.1.3.2. Generate axes

3.1.3.2.1. "g" for svg ~ "div" for html

3.1.3.3. Padding

3.1.3.3.1. Make room for axes

3.1.3.3.2. Top, right, bottom, left

3.1.3.3.3. width - padding (left - right)

3.1.3.3.4. height - padding (top - bottom)

3.1.3.3.5. adding padding to x rect

3.1.3.4. Horizontal axis

3.1.3.4.1. positioning axis

3.2. Ordinal Scales

3.2.1. Scales that use categorial values

3.2.2. scaled heights

3.2.2.1. change graphics height by changing the variable

3.2.2.2. .rangeBands

3.2.2.2.1. 0 to height

3.2.2.3. d3.range()

3.2.2.3.1. Using it on ordinal values, scale will represent numbers of categories you have as an array

3.2.3. scaled heights spaced

3.2.3.1. adds x % of space between bars

3.2.4. Axes for ordinal scales

3.2.4.1. labels