##Juliette Pardue
##Insight
The matrix is very sparse, so most states only have a few neighbors.
##Juliette Pardue
##Insight
- There are only three states in the Pacific Region and the only connect to other states in the Pacific Region or Mountain Region
- All states in the Middle Atlantic Region are neighbors
- There is no state outside of a particular region that is a neighbor to every state in a particular region
#Juliette Pardue
##No Unjustified 3D: Occlusion Hides Information
This rule talks about how information can be hidden once the depth axis is introduced. Elements that are closer to the viewer can hide other elements that are further from the viewer.
The "Now married (except Separated)" group is in front and has large values. This causes the bars to be very tall and hides the small bars in the back.
The first chart, the one that breaks the rule of thumb has two categorical axes, the horizontal and depth axis. This is corrected in the second chart by combining these two axes to form a group. Information is grouped by the "Male Age Group" and then the breakdown of marrital status is given for each age group, where marrital status is mapped to color. Depending on the goal of the visualization, the age groups and marrital status may need to be swapped. So information would be grouped by marrital status and then it would should the breakdown of age groups per marrital status. Age groups would then need to be ma
#Juliette Pardue
Charts were based off of Scott Murray's examples. Legend was based off of this example and tooltip was based off of this example.
###Housing Demographics for Non-White and Non-Black Persons 2014
- This chart shows the breakdown of the housing population for the three smallest minority groups: American Indian and Alaska Native, Asian, and Native Hawaiian and Other Pacific Islander.
- Line marks were used
- Magnitude Channel encoded using position on an aligned scale (or length)
- Discriminability is maintained because the viewer can easily compared the rightmost point of bars
#Juliette Pardue
##Learned from D3 Tutorial
- For scatterplots, how to use the radius attribute to encode size.
- Using scales to specify a valid range where data values can be mapped to. So all data values will fall into the specified range after the mapping or normalizing has been applied.
- How to format aesthetically pleasing axis as true values or percentages. However, I preferred the true values for this example since the percentages didn't make sense.
- How to create transitions by specifying the ending attributes of the object and the transition effects.
#Juliette Pardue
##Tableau Insights
- Passing Yards Per Player: The conference does not have any apparent effect on the number of passing yards.
- Passing Attempts VS Completions: The more attempts that a player makes, the more completions they have.
- Average Yards Per Attempts: The average yards per passing attempt may be misleading when trying to rank players because rushing yards is not considered. This is apparent when the players are sorted with average yards per total attempts while the average yards per passing attempt and average yards per rushing attempt are displayed along side. The average yards per passing attempt does not descend like average yards per total attempts.
##Tableau Comments
#Juliette Pardue, Mridul Sen, Christos Tsolakis
##1. Scatterplot matrix of passing yards, passing TDs, passer rating, rushing yards, and rushing TDs
##2. Bar chart of passing yards per player (best displayed as a horizontal bar chart), with conference as color
##3. Bar chart of the average of one of the statistics for each conference
!function() { | |
var d3 = { | |
version: "3.5.12" | |
}; | |
var d3_arraySlice = [].slice, d3_array = function(list) { | |
return d3_arraySlice.call(list); | |
}; | |
var d3_document = this.document; | |
function d3_documentElement(node) { | |
return node && (node.ownerDocument || node.document || node).documentElement; |
!function() { | |
var d3 = { | |
version: "3.5.12" | |
}; | |
var d3_arraySlice = [].slice, d3_array = function(list) { | |
return d3_arraySlice.call(list); | |
}; | |
var d3_document = this.document; | |
function d3_documentElement(node) { | |
return node && (node.ownerDocument || node.document || node).documentElement; |