viz class forphysicists
TRANSCRIPT
![Page 2: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/2.jpg)
CUSP: New York City as a laboratory
I am trained as an astrophysicist, and as an astropysicist I study time-domain phenomena:things that change in time, particularly stellar explosions, called Supernovae. From the time behavior we try to infer physics.
I study large datasets
CCPP: Center for Cosmology and Particle Physics
time (days)
brig
htne
ss (m
ag)
![Page 3: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/3.jpg)
![Page 4: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/4.jpg)
CUSP: New York City as a laboratory
CUSP is a unique public-private research center that uses NYC as its laboratory and classroom to help cities around the world become more productive, livable, equitable, and resilient.
CUSP observes, analyzes, and models NYC to optimize outcomes, prototype new solutions, formalize new tools and processes, and develop new expertise.
CUSP: New York City as a laboratory
![Page 5: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/5.jpg)
on time scales of years, month, days, hours…
The CUSP Urban Observatory: measuring City lights
![Page 6: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/6.jpg)
• Descriptive data viz • Lie with statistics • Tufte’s rules
• Exploratory data viz • Jer Thorp
• Psychophysics
• Esthetics vs(??) functionality • color blindness • the third dimension
• Interactivity
![Page 7: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/7.jpg)
why?
![Page 8: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/8.jpg)
I II III IVX Y X Y X Y X Y10 8.04 10 9.14 10 7.46 8 6.588 6.95 8 8.14 8 6.77 8 5.7613 7.58 13 8.74 13 12.74 8 7.719 8.81 9 8.77 9 7.11 8 8.8411 8.33 11 9.26 11 7.81 8 8.4714 9.96 14 8.1 14 8.84 8 7.046 7.24 6 6.13 6 6.08 8 5.254 4.26 4 3.1 4 5.39 19 12.512 10.84 12 9.13 12 8.15 8 5.567 4.82 7 7.26 7 6.42 8 7.915 5.68 5 4.74 5 5.73 8 6.89
What’s this??
![Page 9: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/9.jpg)
Anscombe's quartet (Francis Anscombe, 1973) comprises
four datasets that have nearly identical simple descriptive statistics, yet appear
very different when graphed. Each dataset consists of eleven (x,y) points.
![Page 10: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/10.jpg)
computers understand data as numbers, we do not.
![Page 11: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/11.jpg)
![Page 12: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/12.jpg)
we visualize to communicate (Tufte)
and explore (Thorp)
![Page 13: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/13.jpg)
how?
![Page 14: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/14.jpg)
a few historical plots
![Page 15: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/15.jpg)
Figurative Map of the successive losses in men of the French Army in the Russian campaign 1812-1813.
Drawn by Mr. Minard, Inspector General of Bridges and Roads in retirement. Paris, 20 November 1869. The numbers of men present are represented by the widths of the colored zones in a rate of one millimeter for ten thousand men;
these are also written beside the zones. Red designates men moving into Russia, black those on retreat. — The informations used for drawing the map were taken from the works of Messrs. Chiers, de Ségur, de Fezensac, de Chambray and the unpublished diary of
Jacob, pharmacist of the Army since 28 October. In order to facilitate the judgement of the eye regarding the diminution of the army, I supposed that the troops under Prince Jèrôme
and under Marshal Davoust, who were sent to Minsk and Mobilow and who rejoined near Orscha and Witebsk, had always marched with the army.
a few historical plots
![Page 16: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/16.jpg)
Life of a Stara few historical plots
![Page 17: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/17.jpg)
https://inspirehep.net/record/1082448/plots
Feynman diagrams
a few historical plots
![Page 18: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/18.jpg)
what makes a bad visualization?
![Page 19: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/19.jpg)
Ambiguity, distortion (misleading), distraction.
![Page 20: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/20.jpg)
6 wrong things with this plot…
http://www.geol.lsu.edu/jlorenzo/geophysics/graphing/graphingpart3.htmlProf. Vern Lindberg
![Page 21: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/21.jpg)
Make better use of space
http://www.geol.lsu.edu/jlorenzo/geophysics/graphing/graphingpart3.htmlProf. Vern Lindberg
![Page 22: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/22.jpg)
6 wrong things with this plot…
Figure 3
Prof. Vern Lindberg
![Page 23: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/23.jpg)
Make better use of space
Figure 3
low res / small size
Prof. Vern Lindberg
![Page 24: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/24.jpg)
Velocity-Distance Relation among Extra-Galactic Nebulae. Radial velocities, corrected for solar motion, are plotted against distances estimated from involved stars and mean luminosities of nebulae in a cluster. The black discs and full line represent the solution for solar motion using the nebulae individually; the circles and broken line represent the solution combining the nebulae into groups; the cross represents the mean velocity corresponding to the mean distance of 22 nebulae whose distances could not be estimated individually.
Edwin Hubble January 17, 1929
![Page 25: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/25.jpg)
![Page 26: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/26.jpg)
Ambiguity different stretch
![Page 27: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/27.jpg)
Ambiguity, distortion (misleading), distraction.
![Page 28: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/28.jpg)
http://gizmodo.com/how-to-lie-with-data-visualization-1563576606
![Page 29: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/29.jpg)
ordinary matter
http://planck.caltech.edu/epo/epo-planckScience5.html
![Page 30: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/30.jpg)
equirectangular projection
Mollweide projection
![Page 31: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/31.jpg)
![Page 32: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/32.jpg)
A highly unequal-mass eclipsing M-dwarf binary in the WFCAM Transit Survey Nefs, S.V. et al. MNRAS. 431 (2013) 3240 arXiv:1303.0945 [astro-ph.SR]
![Page 33: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/33.jpg)
http://www.nodexlgraphgallery.org/Pages/Graph.aspx?graphID=56967
Ambiguity, distortion (misleading), distraction.
http://i.imgur.com/RzYaLZg.gif
![Page 34: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/34.jpg)
![Page 35: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/35.jpg)
Ambiguity, distortion (misleading), distraction.
![Page 36: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/36.jpg)
Ambiguity, distortion (misleading), distraction.
![Page 37: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/37.jpg)
what makes a good vis
![Page 38: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/38.jpg)
Edward Tufte
![Page 39: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/39.jpg)
Tufte’s rules: size of the effect in the graphic
size of the effect in the dataLie factor
![Page 40: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/40.jpg)
Tufte’s rules: size of the effect in the graphic
size of the effect in the dataLie factor
![Page 41: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/41.jpg)
![Page 42: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/42.jpg)
the excessive and unnecessary use of graphical effects
Tufte’s rules:Chart Junk
![Page 43: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/43.jpg)
![Page 44: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/44.jpg)
data-ink ratio
Tufte’s rules: amount of data amount of inkData-ink ratio
![Page 45: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/45.jpg)
![Page 46: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/46.jpg)
Tufte’s rules:encourage comparisonSmall Multiples
sparkline graph
![Page 47: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/47.jpg)
Tufte’s rules:encourage comparison
sparkline graph
![Page 48: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/48.jpg)
Small Multiples
![Page 49: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/49.jpg)
Small Multiples
Galileo Galilei, Jupiter moons, 1610
![Page 50: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/50.jpg)
Small Multiples
https://arxiv.org/pdf/1702.04721.pdf
![Page 51: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/51.jpg)
Small Multiples
https://arxiv.org/pdf/1702.04721.pdfBootes-HiZELS: an optical to near-infrared survey of
emission-line galaxies at z = 0.4 − 4.7 Jorryt Matthee+ 2017
![Page 52: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/52.jpg)
Small Multiples
![Page 53: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/53.jpg)
IMPROVED PARAMETERS FOR EXTRASOLAR TRANSITING PLANETS Guillermo Torres, Joshua N. Winn, and Matthew J. Holman
2008
Small Multiples
![Page 54: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/54.jpg)
Small Multiples
![Page 55: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/55.jpg)
Small Multiples
LIGO, Gravitational waves, 2016http://titaniumphysicists.brachiolopemedia.com/
![Page 56: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/56.jpg)
1. The representation of numbers, as physically measured on the surface of the graph itself, should be directly proportional to the numerical quantities represented-effect size
Tufte’s rules:
![Page 57: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/57.jpg)
1. The representation of numbers, as physically measured on the surface of the graph itself, should be directly proportional to the numerical quantities represented-effect size
2. Clear, detailed and thorough labeling should be used to defeat graphical distortion and ambiguity. Write out explanations of the data on the graph itself. Label important events in the data-data/ink
Tufte’s rules:
![Page 58: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/58.jpg)
1. The representation of numbers, as physically measured on the surface of the graph itself, should be directly proportional to the numerical quantities represented-effect size
2. Clear, detailed and thorough labeling should be used to defeat graphical distortion and ambiguity. Write out explanations of the data on the graph itself. Label important events in the data-data/ink
3. Show data variation, not design variation-chart junk
Tufte’s rules:
![Page 59: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/59.jpg)
1. The representation of numbers, as physically measured on the surface of the graph itself, should be directly proportional to the numerical quantities represented-effect size
2. Clear, detailed and thorough labeling should be used to defeat graphical distortion and ambiguity. Write out explanations of the data on the graph itself. Label important events in the data-data/ink
3. Show data variation, not design variation-chart junk
4. In time-series displays of money, deflated and standardized units of monetary measurement are nearly always better than nominal units.
Tufte’s rules:
![Page 60: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/60.jpg)
1. The representation of numbers, as physically measured on the surface of the graph itself, should be directly proportional to the numerical quantities represented-effect size
2. Clear, detailed and thorough labeling should be used to defeat graphical distortion and ambiguity. Write out explanations of the data on the graph itself. Label important events in the data-data/ink
3. Show data variation, not design variation-chart junk
4. In time-series displays of money, deflated and standardized units of monetary measurement are nearly always better than nominal units.
5. The number of information carrying (variable) dimensions depicted should not exceed the number of dimensions in the data. Graphics must not quote data out of context.
Tufte’s rules:
![Page 61: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/61.jpg)
![Page 62: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/62.jpg)
3 variables, 4 graphical elements
![Page 63: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/63.jpg)
![Page 64: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/64.jpg)
Show data variation, not design variation-chart junk
![Page 65: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/65.jpg)
![Page 66: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/66.jpg)
low data-ink ratiohigh effect size (rainbow)
http://ktev.fnal.gov/public/pubs/ktev/pi0pi0mm/plots/pi0pi0mm_plots.html
![Page 67: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/67.jpg)
???
http://ins.sjtu.edu.cn/people/lhong/english/research.html
![Page 68: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/68.jpg)
???
http://inspirehep.net/record/1411674/plots
![Page 69: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/69.jpg)
in-class exercisehttps://github.com/fedhere/UInotebooks/blob/master/visz/badPlotgoodPlot.ipynb
![Page 70: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/70.jpg)
Jer Thorp
![Page 71: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/71.jpg)
Feynman diagrams: designed to solve equations
![Page 72: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/72.jpg)
space
tim
e
https://inspirehep.net/record/1082448/plots
Feynman diagrams: designed to solve equations
![Page 73: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/73.jpg)
why the paradigm shift?
• growth of data : Big data require visualization for exploration • growth of technology: better plotting tools, animation, VR
https://github.com/
![Page 74: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/74.jpg)
https://www.flickr.com/photos/blprnt/3289727424/in/album-72157614008027965/
![Page 75: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/75.jpg)
https://vimeo.com/19642643https://vimeo.com/41655330
![Page 77: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/77.jpg)
http://opslab.jpl.nasa.gov/VR and AR for education, communication, exploration
![Page 78: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/78.jpg)
Graphical Vocabulary What graphical elements are available and what elements are
appropriate to convey certain information?
![Page 79: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/79.jpg)
Point, Line, and Plane, Wassily Kandinsky, 1926
The ideal of all research is:
1. precise investigation of each individual phenomenon — in isolation,
2. the reciprocal effect of phenomena upon each other — in combinations,
3. general conclusions which are to be drawn from the above two divisions.
My objective in this book extends only to the first two parts. The material in this book does not suffice to cover the third part which, in any case, cannot be rushed.
The investigation should proceed in a meticulously exact and pedantically precise manner. Step by step, this "tedious" road must be traversed — not the smallest alteration in the nature, in the characteristics, in the effects
![Page 80: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/80.jpg)
position
size
intensity
texture
color
orientation
shape
point line area
Jacques Bertin: Semiology of Graphics, 1967 Gauthier-Villars, 1998 EHESS
![Page 81: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/81.jpg)
![Page 82: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/82.jpg)
•Continuous: distance to the closest star (can take any value)Continuous data may be:• Continuous Ordinal: Earthquakes (notlinear scale)• Interval: F temperature - interval size preserved• Ratio: Car speed - 0 is naturally defined
•Discrete: any countable, e.g. number of brain synapsesDiscrete data may be:• Counts: number of bacteria at time t in section A• Ordinal: survey response Good/Fair/Poor
•Categorical: fermion - bosons: any object by class
Data may also be:•Censored: star mass >30 Msun
•Missing: “Prefer not to answer” (NA / NaN)
Data typesgraphical elements work differently on different data types
![Page 83: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/83.jpg)
continuous
ordered
categorical
Data typesgraphical elements work differently on different data types
![Page 84: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/84.jpg)
PsychophysicsThe study of human perception
![Page 85: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/85.jpg)
![Page 86: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/86.jpg)
Stevens 1975
The apparent magnitude of all sensory channels follows a power law based on the stimulus intensity
S = InS sensation, I intensity
Psychophysical power law
![Page 87: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/87.jpg)
![Page 88: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/88.jpg)
![Page 89: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/89.jpg)
![Page 90: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/90.jpg)
Heer and Bostock 2010
![Page 91: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/91.jpg)
![Page 92: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/92.jpg)
Weber Law
The detectable difference in stimulus intensity is a fixed percentage of the object magnitude
δI / I = KI intensity, K constant
We judge based on relative differences
![Page 93: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/93.jpg)
![Page 94: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/94.jpg)
![Page 95: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/95.jpg)
Preattentive tasks
![Page 96: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/96.jpg)
Preattentive tasks
a limited set of visual properties that are detected very rapidly and accurately by the low-level visual system.(tasks that can be performed on large multi-
element displays in less than 200 to 250 milliseconds)http://www.csc.ncsu.edu/faculty/healey/PP/index.html#jscript_search
![Page 97: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/97.jpg)
https://www.youtube.com/watch?v=YbdwTwB8jtc
![Page 98: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/98.jpg)
https://youtu.be/vJG698U2Mvo?t=3
selective attention issues: you can only use one pre-attemptive task at a time:
the preattemptive tasks compete with each other and you loose the ability to process them quickly if there are more than one.
![Page 99: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/99.jpg)
color theory (and good practice)
![Page 100: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/100.jpg)
Rods & Cones
Brightness & Color
80M 5M
![Page 101: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/101.jpg)
Rods & Cones
Brightness & Color
80M 5M
Rods
Rods + Cones R G B
the message to the brain is:
black white yellow blue
red green
![Page 102: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/102.jpg)
COLOR BLINDNESS
![Page 103: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/103.jpg)
COLOR BLINDNESS
Protanopia
![Page 104: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/104.jpg)
COLOR BLINDNESS
Protanopia (red-blind)
![Page 105: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/105.jpg)
COLOR BLINDNESS
Deuteranopia(green-blind)
![Page 106: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/106.jpg)
COLOR BLINDNESS
Tritanopia (blue-blind)
![Page 107: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/107.jpg)
Rods & Cones
Brightness & Color
80M 5M
Rods
Rods + Cones R G B
COLOR BLINDNESS
31%
59%
10%
small differences can still be percieved as colors are also associated to brightness
![Page 108: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/108.jpg)
Rods & Cones
Brightness & Color
80M 5M
Rods
Rods + Cones R G B
COLOR BLINDNESS
use the http://colororacle.org/ app to test your plots for color-blindness
![Page 109: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/109.jpg)
Kelly 1965 designed a list of 22 maximally contrasting colors for colorblind compliance (the “Kelly colors”): http://www.iscc.org/pdf/PC54_1724_001.pdf
"#023fa5", "#7d87b9", "#bec1d4", "#d6bcc0", "#bb7784", "#8e063b", "#4a6fe3", "#8595e1", "#b5bbe3", "#e6afb9", "#e07b91", "#d33f6a", "#11c638", "#8dd593", "#c6dec7", "#ead3c6",
"#f0b98d", "#ef9708", "#0fcfc0", "#9cded6", "#d5eae7", "#f3e1eb", "#f6c4e1", "#f79cd4"
![Page 110: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/110.jpg)
http://blog.visual.ly/rainbow-color-scales/
GOOD AND BAD COLOR SCHEMES
![Page 111: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/111.jpg)
http://www.eecs.harvard.edu/~kgajos/papers/2011/borkin11-infoviz.pdf
very real consequences of the choice of color maps
(Borkin et al. 2011)
![Page 112: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/112.jpg)
D
D
D
D
D
R
R
http://www.eecs.harvard.edu/~kgajos/papers/2011/borkin11-infoviz.pdf
![Page 113: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/113.jpg)
![Page 114: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/114.jpg)
1) Never use Rainbow
2) Use diverging color maps for data there the center value is “special” (e.g. 0, with data ranging from positive to negative. In a diverging cm the center of the range is white or black
3) Choose a perceptually uniform color map for continuous data that does not have a focal point (a special point inside the range)
4) Choose a sequantial cm if your data range represents a progression (reflects some intentity property of the data
![Page 116: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/116.jpg)
(largely based on Tamara Munzner Chap 6)
Rules of thumb for a good visualization
![Page 117: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/117.jpg)
T. Munzner refers to this as “no unjustified beauty”
Function first, Form next
basically AVOID CLUTTER
![Page 118: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/118.jpg)
no unjustified color
Get it right in Black & White
consider designing your plot in BW first
![Page 119: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/119.jpg)
Maureen Stone
functional use of colors
![Page 120: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/120.jpg)
http://www.columbia.edu/~brennan/subway/SubDia.pdf
functional use of colors
![Page 121: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/121.jpg)
No Unjustified 3Duse 3D only if your 3rd dimention cannot be reduces. Alternatives: color, small multiples, animation
![Page 122: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/122.jpg)
unjustified 3DNEVER THIS! issues: obstruction, clutter, deformation
![Page 123: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/123.jpg)
distortion techniques
Extending Distortion Viewing Techniques from 2D to 3D Data. Carpendale et al. CG&A 17(4):42-51, July 1997
![Page 125: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/125.jpg)
distortion techniques
![Page 126: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/126.jpg)
distortion techniques An Investigation of Issues and Techniques in
Highly Interactive Computational Visualization Michael John MCGuffin
![Page 127: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/127.jpg)
distortion techniques
Mercator
Mollweidehttps://en.wikipedia.org/wiki/List_of_map_projections
Hobo–Dyer
![Page 128: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/128.jpg)
https://www.youtube.com/watch?v=jgO0JU_l5-s&feature=youtu.be
Visualizing highly dimensional data: consider animation if you can!
animation
summary viz
![Page 129: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/129.jpg)
Also: No Unjustified 2D!
consider not plotting when you do not need a plot!
![Page 130: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/130.jpg)
![Page 131: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/131.jpg)
no unjustified animation
Eyes over Memory
![Page 132: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/132.jpg)
in some cases differences are better seen side-by-side
Eyes over Memory
![Page 133: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/133.jpg)
in some cases differences are better seen side-by-side
Eyes over Memory
![Page 134: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/134.jpg)
Resolution over immersioninteractive visualization rules of thumb:
Details on demandAvoid latency
Interactivity
![Page 135: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/135.jpg)
http://cosmo.nyu.edu/~fb55/vizs/astrotrend/arxiv2.html
Reductionuse animation/interactivity to allow switching between a
comprehensive global view and a detailed reducted view
Interactivity
![Page 136: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/136.jpg)
Jer Thorp
I am primarily an artist:I use empathy and sensibilityto reach and interest people
![Page 137: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/137.jpg)
Key Concepts:
Be thoughtful and make sure your visualizations are (in this order):
honest
clear
convincing
beautiful
![Page 138: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/138.jpg)
Resources:
Tamara Munzner Visualization Analysis & Design, 2014 http://www.cs.ubc.ca/~tmm/talks/minicourse14/vad15london.pdf
Edwaed tufte (anything)
color maps http://www.kennethmoreland.com/color-maps/ Kelly colors http://www.iscc.org/pdf/PC54_1724_001.pdf
![Page 139: Viz class forphysicists](https://reader034.vdocuments.site/reader034/viewer/2022052405/58d1c7441a28ab705c8b51b5/html5/thumbnails/139.jpg)
7 Great Visualizations from History http://data-informed.com/7-great-visualizations-history/
Six Lessons from the Bauhaus: Masters of the Persuasive Graphic http://blog.visual.ly/six-lessons-from-the-bauhaus-masters-of-the-persuasive-graphic/
7 classical vis papers http://fellinlovewithdata.com/guides/7-classic-foundational-vis-papers
Point, Line, and Plane, Wassily Kandinsky, 1926