CS 725 Information Visualization - VI5
This example presents animated pie charts that cycle through workforce gender data for seven tech companies, contrasting against a static stacked bar chart rendering of the same dataset. The pie chart animation relies on button clicks to advance through companies, forcing users to rely on memory for comparisons. The stacked bar chart uses `barplot` in R to enable direct, length-based comparisons with lower cognitive load. Data originates from a USA Today report on Apple's diversity statistics, and the code utilizes D3.js for the SVG pie chart and R for the bar chart.
AI-generated descriptionChristos Tsolakis
eyes beat memory: animation vs. side-by-side view
The animation pushes the user to use his/her memory in order to compare the data for each company. On the other hand, on the stacked barcharts we have lower cognitive load and the comparison can be done directly. Moreover the use of the length as a channel (not area, since width is constant for all of bars) helps the user to perceive the actual data more accuratelly than the angle channel in the piecharts.
idea : http://www.storytellingwithdata.com/blog/2014/08/design-with-audience-in-mind
original data : http://www.usatoday.com/story/tech/2014/08/12/apple-diversity-white-asian-male/13951329/
R Code
dat <- read.table(text = " Apple Yahoo Google Facebook LinkedIn Twitter Ebay
1 70 62 70 69 61 70 58
2 30 37 30 31 39 30 42
3 0 1 0 0 0 0 0",header = T)
#make room for the legend
par(xpd=T, mar=par()$mar+c(0,0,0,8))
#make barchart with no y axis
barplot(as.matrix(dat),col=rainbow(3),main="Workforce by Gender",yaxt="n")
#add a y-axis with percentages
axis(2, at=pretty(a), lab=paste0(pretty(a),"%"), las=TRUE)
#legend
labels <- c("Male","Female","Not Disclosed")
legend(8.5, 80,labels,fill=rainbow(3),cex=0.8);
Live at http://bl.ocks.org/ChristosT/a679815370ad5e8ce609
forked from <a href='http://bl.ocks.org/ChristosT/'>ChristosT</a>'s block: <a href='http://bl.ocks.org/ChristosT/77ddbd1e08c11e18a0f7'> CS 725 Information Visualization - VI4</a>