example visualization techniques cs 4390/5390 fall 2014 shirley moore svmoore.pbworks.com august 27,...

11
Example Visualization Techniques CS 4390/5390 Fall 2014 Shirley Moore svmoore.pbworks.com August 27, 2014

Upload: hugh-carson

Post on 21-Jan-2016

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Example Visualization Techniques CS 4390/5390 Fall 2014 Shirley Moore svmoore.pbworks.com August 27, 2014

Example Visualization Techniques

CS 4390/5390 Fall 2014Shirley Moore

svmoore.pbworks.com

August 27, 2014

Page 2: Example Visualization Techniques CS 4390/5390 Fall 2014 Shirley Moore svmoore.pbworks.com August 27, 2014

From Visualization Zoo Article

• Index chart• Stacked graph• Small multiples• Horizon graphs• Stem and leaf plots• Q-Q plots• Scatter plot matrix• Parallel coordinates• Flow maps• Choropleth maps• Graduated symbol maps

• Cartograms• Node-link diagrams• Icicle tree• Sunburst• Treemap• Nested cirlces• Force-directed graph layout• Arc diagram• Matrix

Page 4: Example Visualization Techniques CS 4390/5390 Fall 2014 Shirley Moore svmoore.pbworks.com August 27, 2014

Graph Visualization

• Co-occurrences of names in the New Testament

• Facebook connections (see next slide)• Gephi Open Graph Visualization Platform

Page 5: Example Visualization Techniques CS 4390/5390 Fall 2014 Shirley Moore svmoore.pbworks.com August 27, 2014

Facebook Network

Page 6: Example Visualization Techniques CS 4390/5390 Fall 2014 Shirley Moore svmoore.pbworks.com August 27, 2014

Treemap

• Displays hierarchical tree-structured data as a set of nested rectangles

• Recursive construction invented by Ben Shniederman in early 1990s

• Examples:– Voting in 2012 US Presidential election– Top 500 Supercomputers– Map of the Market

Page 7: Example Visualization Techniques CS 4390/5390 Fall 2014 Shirley Moore svmoore.pbworks.com August 27, 2014

2012 Presidential Election

Page 8: Example Visualization Techniques CS 4390/5390 Fall 2014 Shirley Moore svmoore.pbworks.com August 27, 2014

Top 500 Country CountImage by Jack Dongarra

Page 9: Example Visualization Techniques CS 4390/5390 Fall 2014 Shirley Moore svmoore.pbworks.com August 27, 2014

Map of the Market

• www.marketwatch.com/tools/stockresearch/marketmap

• Developed my Martin Waltenburg in 1998 at SmartMoney.com

• Area of a rectangle shows market capitalization of the company

• Color tells how the stock price has changed• Introduced a new algorithm to create tiles

closer to squares

Page 10: Example Visualization Techniques CS 4390/5390 Fall 2014 Shirley Moore svmoore.pbworks.com August 27, 2014

Radial Convergence Diagrams (RCDs)

• http://circos.ca/intro/circular_approach/

Page 11: Example Visualization Techniques CS 4390/5390 Fall 2014 Shirley Moore svmoore.pbworks.com August 27, 2014

ManyEyes

• Experimental website by IBM for – viewing and discussing data sets– viewing and discussing visualizations– creating visualizations using a collection of

visualizaiton techniques• Now you try it!– Dataset: Internet Users Per 100 People– www-958.ibm.com/software/analytics/manyeyes

/datasets/internet-usage-worldwide-per-100-p/versions/1