14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.
-
date post
21-Dec-2015 -
Category
Documents
-
view
222 -
download
1
Transcript of 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.
![Page 1: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/1.jpg)
14.1Vis_04
Data VisualizationData Visualization
Lecture 14Information Visualization :
Part 2
![Page 2: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/2.jpg)
14.2Vis_04
Glyph Techniques – Star Plots
Glyph Techniques – Star Plots
Star plots– Each observation
represented as a ‘star’
– Each spike represents a variable
– Length of spike indicates the value
Crime inDetroit
![Page 3: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/3.jpg)
14.3Vis_04
Chernoff FacesChernoff Faces
Chernoff suggested use of faces to encode a variety of variables - can map to size, shape, colour of facial features - human brain rapidly recognises faces
![Page 4: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/4.jpg)
14.4Vis_04
Chernoff FacesChernoff Faces
Here are some of the facial features you can use
http://www.bradandkathy.com/software/faces.html
![Page 5: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/5.jpg)
14.5Vis_04
Chernoff FacesChernoff Faces
Demonstration applet at:– http://www.hesketh.com/
schampeo/projects/Faces/
![Page 6: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/6.jpg)
14.6Vis_04
Chernoff’s FaceChernoff’s Face
.. And here is Chernoff’s face
http://www.fas.harvard.edu/~stats/People/Faculty/Herman_Chernoff/Herman_Chernoff_Index.html
![Page 7: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/7.jpg)
14.7Vis_04
Daisy ChartsDaisy Charts
Dry
Wet
Showery
Saturday
Sunday
Leeds
Sahara
Amazon
variables andtheir valuesplaced aroundcircle
lines connectthe values forone observation
This item is { wet, Saturday, Amazon }
http://www.daisy.co.uk
![Page 8: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/8.jpg)
14.8Vis_04
Daisy Charts - Underground Problems
Daisy Charts - Underground Problems
![Page 9: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/9.jpg)
14.9Vis_04
Networks of InformationNetworks of Information
In many applications of InfoVis, the observations are linked in a graph structure
– Directory trees– Web sites
We can still represent as a data table
– The link(s) appear as column(s) in the data table
1
2 3
Graph may bedirected orundirected
![Page 10: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/10.jpg)
14.10Vis_04
Examples of Networks of Information
Examples of Networks of Information
My Windows2000filestore
Automobile web site- visualizing links
![Page 11: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/11.jpg)
14.11Vis_04
Graph Drawing AlgorithmsGraph Drawing Algorithms
There are various general graph layout software packages
Example is dotty from AT&T suite called GraphViz
Nodes of graph laid out automatically
– here an undirected graph
– applications?
http://www.graphviz.org
![Page 12: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/12.jpg)
14.12Vis_04
DottyDotty
Directed graph for softwareengineering application
![Page 13: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/13.jpg)
14.13Vis_04
Hierarchical InformationHierarchical Information
Important special case is where information is hierarchical
– Graph structure can be laid out as a tree
http://www.cwi.nl/InfoVisu/Examples
![Page 14: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/14.jpg)
14.14Vis_04
Tree MapsTree Maps
Screen filling method which uses a hierarchical partitioning of the screen into regions depending on attribute values
Alternate partitioning parallel to X and Y axes
Suitable for hierarchical type data– size of files in a user directory
![Page 15: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/15.jpg)
14.15Vis_04
Tree Map of FilestoreTree Map of Filestore
Suppose user hasthree subdirectories:A, B and C
First partition in Xaccording to totalsize of each sub-directory
A B C
![Page 16: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/16.jpg)
14.16Vis_04
Tree Map of FilestoreTree Map of Filestore
A B C
Then within eachsubdirectory, wecan partition in Yby the size ofindividual files,or furthersubdirectories
![Page 17: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/17.jpg)
14.17Vis_04
Treemap ExampleTreemap Example
Usenet newsgroups
For history oftreemaps see:www.cs.umd.edu/hcil/treemap-history
Developed over many years by Ben Schneiderman and colleagues
![Page 18: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/18.jpg)
14.18Vis_04
Hyperbolic TreesHyperbolic Trees
This is popular method of displaying hierarchical structures such as Web sites
Place home page in centre– with linked pages connected by
hyperbolic arcs– further arcs link to further links– see:
www.acm.org/sigchi/chi95/proceedings/papers/jl_bdy.htm
![Page 19: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/19.jpg)
14.19Vis_04
Hyperbolic TreesHyperbolic Trees
Automobilesweb site
Home pagein centre
Click on linkyou want ...
![Page 20: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/20.jpg)
14.20Vis_04
Hyperbolic TreesHyperbolic Trees
Auto Historymoves to centre of screen
Click on nextlink...
![Page 21: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/21.jpg)
14.21Vis_04
Hyperbolic TreesHyperbolic Trees
Henry Fordis now at the centreand so on...
![Page 22: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/22.jpg)
14.22Vis_04
Hyperbolic TreesHyperbolic Trees
www.inxight.com
Also worksfor familytrees...
![Page 23: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/23.jpg)
14.23Vis_04
Document VisualizationDocument Visualization
Large collections of electronic text– the Web is prime example!
Powerful search and retrieval engines– return documents based on some
sort of keyword search How do we visualize the results of
a query? http://zing.ncsl.nist.gov/~cugini/uicd/
viz.html
![Page 24: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/24.jpg)
14.24Vis_04
Document RetrievalDocument Retrieval
Suppose search returns a keyword strength– ie user enters a number of
keywords– engine returns list of documents– each document has a score for each
keyword specified (eg number of occurrences)
– most relevant document has largest total score
![Page 25: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/25.jpg)
14.25Vis_04
Document SpiralDocument Spiral
Arrange docsin spiral, mostrelevant at centre
![Page 26: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/26.jpg)
14.26Vis_04
Document Three-Keyword Axes Display
Document Three-Keyword Axes Display
One keywordper axis
Plot docs ina scatter plotusing keywordstrengths toposition alongaxes
Same keywordon all axes linesdocs up on X=Y=Z line
![Page 27: 14.1 Vis_04 Data Visualization Lecture 14 Information Visualization : Part 2.](https://reader030.fdocuments.us/reader030/viewer/2022020718/56649d645503460f94a46e65/html5/thumbnails/27.jpg)
14.27Vis_04
Nearest Neighbour Sequence
Nearest Neighbour Sequence
Choose one docand place on circle
Find the closest in‘keyword strength’space and placeadjacent to it.... and so on