This Article 
   
 Share 
   
 Bibliographic References 
   
 Add to: 
 
Digg
Furl
Spurl
Blink
Simpy
Google
Del.icio.us
Y!MyWeb
 
 Search 
   
Stacked Graphs – Geometry & Aesthetics
November/December 2008 (vol. 14 no. 6)
pp. 1245-1252
Lee Byron, The New York Times
Martin Wattenberg, Visual Communication Lab at IBM
In February 2008, the New York Times published an unusual chart of box office revenues for 7500 movies over 21 years. The chart was based on a similar visualization, developed by the first author, that displayed trends in music listening. This paper describes the design decisions and algorithms behind these graphics, and discusses the reaction on the Web. We suggest that this type of complex layered graph is effective for displaying large data sets to a mass audience. We provide a mathematical analysis of how this layered graph relates to traditional stacked graphs and to techniques such as ThemeRiver, showing how each method is optimizing a different “energy function”. Finally, we discuss techniques for coloring and ordering the layers of such graphs. Throughout the paper, we emphasize the interplay between considerations of aesthetics and legibility.

[1] BertinJ., (1983) Semiology of Graphics (translated by A. Berg). University of Wisconsin Press.
[2] Bloch M., Byron L., Carter S., and Cox A., (2008) The Ebb and Flow of Movies: Box Office Receipts 1986–2007. http://www.nytimes.com/interactive/2008/ 02/23/movies20080223_REVENUE_GRAPHIC.html
[3] BorlandD and TaylorR.M., (2007) Rainbow Map (Still) Considered Harmful. IEEE Comp. Graphics and Applications. 27 (2).
[4] ByronL., Listening History. http://megamu.comlastfm/.
[5] ClevelandW., (1993) Visualizing Information. Hobart Press.
[6] CoxA. and ByronL., (2008) "The Ebb and Flow of Box Office Sales, 1986–2007," The New York Times, February23, 2008.
[7] FryB., (2003) Revisionist. http://acg.media.mit.edu/people/fryrevisionist /
[8] HavreS., HetzlerB., NowellL., (2000) ThemeRiver: Visualizing Theme Changes over Time. Proceedings of the IEEE Symposium on Information Visualization.
[9] HeerJ. and AgrawalaM., (2006) Multi-Scale Banking to 45 Degrees. IEEE Transactions on Visualization and Computer Graphics (TVCG), 12 (5). Sep/Oct 2006.
[10] HochheiserH., ShneidermanB., (2004) Dynamic Query Tools for Time Series Data Sets, Timebox Widgets for Interactive Exploration, Information Visualization 3, 1.
[11] Last.fm, http:/www.last.fm
[12] Last.fm Extra Stats, http://www.lastfm.de/user/C26000/journal/ 2006/07/30195693/
[13] Last Graph, http:/lastgraph.aeracode.org/
[14] NameVoyager (2005) http://babynamewizard.comnamevoyager/
[15] PlayfairW., (1786) Commercial and Political Atlas and Statistical Breviary.
[16] TufteE., (1986) The Visual Display of Quantitative Information. Graphics Press.
[17] ViégasF.B., WattenbergM., van HamF., KrissJ. & McKeonM., Many Eyes: A Site for Visualization at Internet Scale. In Proc. of IEEE InfoVis 2007.
[18] ViégasF.B., GolderS., and DonathJ., Visualizing Email Content: Portraying Relationships from Conversational Histories, Proceedings of ACM CHI, 2006.
[19] WattenbergM., (2005) Baby Names, Visualization, and Social Data Analysis. Proceedings of the IEEE Symposium on Information Visualization.
[20] Wattenberg M. and KrissJ., (2006) Designing for Social Data Analysis. IEEE Trans. Vis. And Comp. Graphics. 12 (4).

Index Terms:
Index Terms—Streamgraph, ThemeRiver, listening history, last.fm, aesthetics, communication-minded visualization, time series
Citation:
Lee Byron, Martin Wattenberg, "Stacked Graphs – Geometry & Aesthetics," IEEE Transactions on Visualization and Computer Graphics, vol. 14, no. 6, pp. 1245-1252, Nov.-Dec. 2008, doi:10.1109/TVCG.2008.166
Usage of this product signifies your acceptance of the Terms of Use.