LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization....
Transcript of LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization....
![Page 1: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/1.jpg)
Nils Gehlenborg Hanspeter PfisterAlexander LexMarc StreitSamuel Gratzl
LineUpVisual Analysis of Multi-Attribute Rankings
![Page 2: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/2.jpg)
Rankings are omnipresent
2
![Page 3: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/3.jpg)
Goal
Samuel Gratzl, Johannes Kepler University, Austria 3
IntuitiveInteractive
Multi-Attribute
Ranking Visualization
![Page 4: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/4.jpg)
Goal
Samuel Gratzl, Johannes Kepler University, Austria 3
IntuitiveInteractive
Multi-Attribute
Ranking VisualizationTo Create
RefineExplore
![Page 5: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/5.jpg)
10 Requirements
Samuel Gratzl, Johannes Kepler University, Austria 4
![Page 6: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/6.jpg)
LineUp
Samuel Gratzl, Johannes Kepler University, Austria 5
![Page 7: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/7.jpg)
LineUp
Samuel Gratzl, Johannes Kepler University, Austria 5
“It’s really complex to
make something simple…”Jack Dorsey (creator of Twitter)
![Page 8: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/8.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 6
![Page 9: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/9.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 7
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
![Page 10: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/10.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 8
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
10 Requirements
Encode Rank
![Page 11: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/11.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 9
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
10 Requirements
1. Encode Rank
![Page 12: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/12.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 10
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
![Page 13: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/13.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 11
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
10 Requirements
1. Encode Rank
Encode Cause of Rank
![Page 14: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/14.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 12
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
10 Requirements
1. Encode Rank2. Encode Cause of Rank
![Page 15: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/15.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 13
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
Score
84.2
44.0
64.3
73.8
89.4
![Page 16: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/16.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 13
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
Score
![Page 17: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/17.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 14
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
Score
10 Requirements
1. Encode Rank
2. Encode Cause of Rank
Support Multiple Attributes
![Page 18: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/18.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 15
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
Score
10 Requirements
1. Encode Rank
2. Encode Cause of Rank3. Support Multiple Attributes
![Page 19: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/19.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 16
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
Score A B C
Score = f(A, B, C)
![Page 20: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/20.jpg)
Combiner functions: f(A,B,C)
(Weighted) sumScore = wa A + wb B + wc C
Samuel Gratzl, Johannes Kepler University, Austria 17
![Page 21: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/21.jpg)
Combiner functions: f(A,B,C)
(Weighted) sumScore = wa A + wb B + wc C
MaximumScore = max(A, B, C)
Samuel Gratzl, Johannes Kepler University, Austria 17
![Page 22: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/22.jpg)
Combiner functions: f(A,B,C)
(Weighted) sumScore = wa A + wb B + wc C
MaximumScore = max(A, B, C)
Product
Nesting
…
Samuel Gratzl, Johannes Kepler University, Austria 17
![Page 23: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/23.jpg)
Combiner functions: f(A,B,C)
(Weighted) sumScore = wa A + wb B + wc C
MaximumScore = max(A, B, C)
Product
Nesting
…
Samuel Gratzl, Johannes Kepler University, Austria 17
Serial
Parallel
ComplexCombiners
![Page 24: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/24.jpg)
Serial Combiner
Samuel Gratzl, Johannes Kepler University, Austria 18
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
A B C
wa A + wb B + wc C
![Page 25: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/25.jpg)
Serial Combiner
Samuel Gratzl, Johannes Kepler University, Austria 18
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
A B C
wa A + wb B + wc C
(as Stacked Bar)
![Page 26: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/26.jpg)
Serial Combiner
Samuel Gratzl, Johannes Kepler University, Austria 19
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
A B C
(as Stacked Bar)
wa A + +wb B wc C
![Page 27: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/27.jpg)
Serial Combiner
Samuel Gratzl, Johannes Kepler University, Austria 19
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
A B C
(as Stacked Bar)
wa A + +wb B wc C
![Page 28: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/28.jpg)
Serial Combiner
Samuel Gratzl, Johannes Kepler University, Austria 20
University
Harvard, USAMIT, USA
Rank
2.
5.
4.
3.
1.
Oxford, UK
Cambridge, UK
Princeton, USA
A B C
(as Stacked Bar)
wa A + +wb B wc C
![Page 29: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/29.jpg)
Parallel Combiner
Samuel Gratzl, Johannes Kepler University, Austria 21
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
A B C
![Page 30: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/30.jpg)
Parallel Combiner
Samuel Gratzl, Johannes Kepler University, Austria 21
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
AMAX(A,B,C)
(as Multi Bar)
![Page 31: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/31.jpg)
Parallel Combiner
Samuel Gratzl, Johannes Kepler University, Austria 22
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
MAX(A,B,C)
(as Multi Bar)
![Page 32: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/32.jpg)
MAX(A,B,C)
Parallel Combiner
Samuel Gratzl, Johannes Kepler University, Austria 23
UniversityRank
2.
5.
4.
3.
1. Oxford, UKHarvard, USA
MIT, USA
Cambridge, UK
Princeton, USA
(as Multi Bar)
![Page 33: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/33.jpg)
MAX(A,B,C)
Parallel Combiner
Samuel Gratzl, Johannes Kepler University, Austria 25
UniversityRank
2.
5.
4.
3.
1. Oxford, UKHarvard, US
MIT, US
Cambridge, UK
Princeton, US
10 Requirements
1. Encode Rank
2. Encode Cause of Rank
3. Support Multiple AttributesInteractive Refinementand Visual Feedback
![Page 34: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/34.jpg)
MAX(A,B,C)
Parallel Combiner
Samuel Gratzl, Johannes Kepler University, Austria 25
UniversityRank
2.
5.
4.
3.
1. Oxford, UKHarvard, US
MIT, US
Cambridge, UK
Princeton, US
10 Requirements
1. Encode Rank
2. Encode Cause of Rank
3. Support Multiple Attributes
4. Interactive Refinementand Visual Feedback
![Page 35: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/35.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 26
![Page 36: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/36.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 27
Video showing
• Creating combined score
• Sort by that
• Change weights
• Focus on animation: color & style
10 Requirements
1. Encode Rank
2. Encode Cause of Rank
3. Support Multiple Attributes
4. Interactive Refinementand Visual Feedback
Flexible Mapping ofAttributes to Scores
![Page 37: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/37.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 28
Video showing
• Creating combined score
• Sort by that
• Change weights
• Focus on animation: color & style
10 Requirements
1. Encode Rank
2. Encode Cause of Rank
3. Support Multiple Attributes
4. Interactive Refinementand Visual Feedback
5. Flexible Mapping ofAttributes to Scores
![Page 38: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/38.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 29
Min Max
0 1
![Page 39: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/39.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 29
0 100
0 1
![Page 40: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/40.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 30
0 100
0 1
![Page 41: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/41.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 310 100
01
![Page 42: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/42.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 32
![Page 43: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/43.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 33
Video showing
• Creating combined score
• Sort by that
• Change weights
• Focus on animation: color & style
10 Requirements
1. Encode Rank
2. Encode Cause of Rank
3. Support Multiple Attributes
4. Interactive Refinementand Visual Feedback
5. Flexible Mapping ofAttributes to Scores
Compare Rankings
![Page 44: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/44.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 34
Video showing
• Creating combined score
• Sort by that
• Change weights
• Focus on animation: color & style
10 Requirements
1. Encode Rank
2. Encode Cause of Rank
3. Support MultipleAttributes
4. Interactive Refinementand Visual Feedback
5. Flexible Mapping ofAttributes to Scores
6. Compare Rankings
![Page 45: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/45.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 35
University
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
Score
![Page 46: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/46.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 35
Rank
2.
5.
4.
3.
1.
ScoreUniversity
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
Score Score
![Page 47: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/47.jpg)
Bump Charts
Samuel Gratzl, Johannes Kepler University, Austria 35
Rank
2.
5.
4.
3.
1.
ScoreUniversity
Harvard, USA
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
2.
5.
4.
3.
1.
Score Score
(+1)
(-2)
(+1)
![Page 48: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/48.jpg)
Bump Charts
Samuel Gratzl, Johannes Kepler University, Austria 36
Rank
2.
5.
3.
1.
ScoreUniversity
Oxford, UK
Cambridge, UK
Princeton, USA
MIT, USA
Rank
5.
4.
3.
1.
Score Score
(+1)
(+1)
4.
Harvard, USA2.
(-2)
![Page 49: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/49.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 37
![Page 50: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/50.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 38
10 Requirements
6. Compare Rankings1. Encode Rank
2. Encode Cause of Rank
3. Support Multiple Attributes
4. Interactive Refinementand Visual Feedback
5. Flexible Mapping ofAttributes to Scores
Scalability
![Page 51: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/51.jpg)
Samuel Gratzl, Johannes Kepler University, Austria 39
10 Requirements
6. Compare Rankings1. Encode Rank
2. Encode Cause of Rank
3. Support Multiple Attributes
4. Interactive Refinementand Visual Feedback
5. Flexible Mapping ofAttributes to Scores
7. Scalability
![Page 52: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/52.jpg)
Scalability
Samuel Gratzl, Johannes Kepler University, Austria 40
University
Harvard, USAMIT, USA
Rank
2.
5.
4.
3.
1.
Oxford, UK
Cambridge, UK
Princeton, USA
A B C
![Page 53: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/53.jpg)
Scalability
Samuel Gratzl, Johannes Kepler University, Austria 40
University
Harvard, USAMIT, USA
Rank
2.
5.
4.
3.
1.
Oxford, UK
Cambridge, UK
Princeton, USA
Score
![Page 54: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/54.jpg)
Scalability
Samuel Gratzl, Johannes Kepler University, Austria 40
University
Harvard, USAMIT, USA
Rank
2.
5.
4.
3.
1.
Oxford, UK
Cambridge, UK
Princeton, USA
![Page 55: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/55.jpg)
Scalability
Samuel Gratzl, Johannes Kepler University, Austria 40
University
Harvard, USAMIT, USA
Rank
2.
5.
4.
3.
1.
Oxford, UK
Cambridge, UK
Princeton, USA
![Page 56: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/56.jpg)
10 Requirements
1. Encode Rank
2. Encode Cause of Rank
3. Support Multiple Attributes
4. Interactive Refinement and Visual Feedback
5. Flexible Mapping of Attributes to Scores
Samuel Gratzl, Johannes Kepler University, Austria 41
6. Compare Rankings
7. Scalability
![Page 57: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/57.jpg)
10 Requirements
1. Encode Rank
2. Encode Cause of Rank
3. Support Multiple Attributes
4. Interactive Refinement and Visual Feedback
5. Flexible Mapping of Attributes to Scores
Samuel Gratzl, Johannes Kepler University, Austria 41
6. Compare Rankings
7. Scalability8. Filtering9. Handle Missing Values10.Optimization
![Page 58: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/58.jpg)
Optimization
Samuel Gratzl, Johannes Kepler University, Austria 42
University
Harvard, USAMIT, USA
Rank
2.
5.
4.
3.
1.
Oxford, UK
Cambridge, UK
A B C
Princeton, USA
![Page 59: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/59.jpg)
Optimization
Samuel Gratzl, Johannes Kepler University, Austria 42
University
Harvard, USAMIT, USA
Rank
2.
5.
4.
3.
1.
Oxford, UK
Cambridge, UK
A B C
Princeton, USA
![Page 60: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/60.jpg)
Optimization
Samuel Gratzl, Johannes Kepler University, Austria 42
University
Harvard, USAMIT, USA
Rank
2.
5.
4.
3.
1.
Oxford, UK
Cambridge, UK
A B C
Princeton, USA
![Page 61: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/61.jpg)
Open source (BSD 3)
Source code on GitHub: https://github.com/Caleydo
Demos, videos, and more: http://lineup.caledyo.org
Implementation
Samuel Gratzl, Johannes Kepler University, Austria 43
http://caleydo.org
![Page 62: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/62.jpg)
Summary
10 requirements for an intuitive interactive multi-attributeranking tool
LineUp visualization technique
Samuel Gratzl, Johannes Kepler University, Austria 44
![Page 63: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/63.jpg)
Summary
10 requirements for an intuitive interactive multi-attributeranking tool
LineUp visualization technique
Future WorkWeb port
Integrate optimization algorithms
Samuel Gratzl, Johannes Kepler University, Austria 44
![Page 64: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/64.jpg)
LineUp Applications
StratomeXCancer Subtype Analysis
45
EntouragePathway Analysis
![Page 65: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/65.jpg)
LineUp Applications
StratomeXCancer Subtype Analysis
45
EntouragePathway Analysis
![Page 66: LineUp - sci.utah.edusci.utah.edu/~vdl/papers/2013_infovis_lineup_talk.pdf · 10.Optimization. Optimization Samuel Gratzl, Johannes Kepler University, Austria 42 University Harvard,](https://reader035.fdocuments.us/reader035/viewer/2022062508/60444eebf8bed17e9f3cb4ee/html5/thumbnails/66.jpg)
http://lineup.caleydo.org
LineUp
Samuel Gratzl, Alexander Lex, Nils Gehlenborg, Hanspeter Pfister, and Marc Streit
Visual Analysis of Multi-Attribute Rankings