comu346 lecture 6 micro & macro readings
TRANSCRIPT
![Page 2: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/2.jpg)
Errata and News
• Objectified Film - Dundee - Next Tuesday
• Dwarf Fortress - how is it going?
![Page 3: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/3.jpg)
Micro / Macro Readings
‘A method for presenting large quantities of data at high densities in a way that a broad overview of the data is
given and yet an immense amount of detail is provided.’Ruddle 2002
![Page 4: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/4.jpg)
Definition
• Visualising data at two levels in one image
• Micro Data (low level detail)
• Macro Data (high level detail)
• User / Viewer can get a rough idea at a glance but also see detailed information
![Page 5: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/5.jpg)
![Page 6: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/6.jpg)
Layering & Separation?
• Layering & Separation == multiple types of information
• Micro & Macro == multiple scales of information
![Page 7: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/7.jpg)
Spacial
• Maps can show geographical breakdown of a location as well as local detail
• Geometry of land mass as well as regional breakdown.
![Page 8: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/8.jpg)
![Page 9: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/9.jpg)
![Page 10: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/10.jpg)
4th Dimension
• More subtle macro readings can look into time.
![Page 11: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/11.jpg)
![Page 12: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/12.jpg)
• The circular layout of the centre of Senlis shows its history as a Gallo-Roman fortification.
![Page 13: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/13.jpg)
![Page 14: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/14.jpg)
![Page 15: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/15.jpg)
• Glasgow’s industrial history, built around the River Clyde is apparent by the density on its shore.
• Stirling borders a river but the lack of focus shows its different history.
![Page 16: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/16.jpg)
Symbolic Use
• Micro / Macro designis not always geographic.
• This poster shows that from the work of manyhands, one great planwill be fulfilled.
![Page 17: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/17.jpg)
Character Design
• In games, it is often possible to read many scales of information from looking at a character:
• character class, team, attack, defence, health etc.
![Page 18: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/18.jpg)
![Page 19: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/19.jpg)
Combining M/M & L&S
• The London Air Quality Network website has to provide a very dense set of data in an intuitive interface.
• They layer user interface elements over a rich map which shows different types of data as well as different scales of data.
• http://bit.ly/londonair
![Page 20: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/20.jpg)
![Page 21: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/21.jpg)
![Page 22: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/22.jpg)
ddddddddddfsdfadf
• dd
![Page 23: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/23.jpg)
Meaning through Scale
• The Vietnam Veterans Memorial achieves its visual and emotional strength through micro / macro design. (Tufte, p43)
![Page 24: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/24.jpg)
![Page 25: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/25.jpg)
• 58,000 dead soldiers
• scale can be seen at a distance
• Individual names up close
• Ordered by date ofdeath
![Page 26: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/26.jpg)
Relative Data• http://bit.ly/billiondollargram
• Shows spend / cost in billionsfrom US budget and events
• Can see immediately highestspent areas
• Can also see actual numbers
![Page 27: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/27.jpg)
![Page 28: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/28.jpg)
![Page 29: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/29.jpg)
Stem and Leaf
• Like a bar chart / histogram but uses the space that would normally be used by solid blocks of colour.
![Page 30: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/30.jpg)
218 Mountains
• d
![Page 31: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/31.jpg)
• Glance tells distribution
• Analysis provides more
• Scale given
• Necessary to round
![Page 32: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/32.jpg)
292 Trains
![Page 33: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/33.jpg)
292 Trains (badly)
![Page 34: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/34.jpg)
• 777 more characters
• hard to see how frequently trains leave at a given hour
• rush hour?
• 11pm trains?
![Page 35: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/35.jpg)
Stem & Leaf Improve?
• How can you modify the stem & leaf plot to show more information (such as platform number)?
![Page 36: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/36.jpg)
Back to Back S&L
![Page 37: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/37.jpg)
Missile or Toothbrush?
• 7000 objects > 10 cm in diameter in space
• rocket engines, bin bags, frozen sewage, shrapnel from tests, 1 wrench and 1 toothbrush
• Only 5% are functional satellites
• Necessary to track for safety of launches
![Page 38: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/38.jpg)
![Page 39: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/39.jpg)
![Page 40: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/40.jpg)
• Note the ring on the second image.
• this is the geostationary orbit used by satellites
• The scale of the problem can be seen, not only in overall but also in terms of orbit height and relative density of areas.
![Page 41: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/41.jpg)
Why Micro & Macro?
• We thrive in information rich contexts
• Visually rich displays are not only appropriate to convey information but are often the optimal way to do so.
![Page 42: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/42.jpg)
• If information is spread over multiple screens, the user needs to keep that information in memory
• If information is condensed into one screen / graphic, it only requires understanding.
![Page 43: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/43.jpg)
• Micro / Macro designs enforce local and global comparisons but do so without the need to context switch.
• Power is given to the user to decide what level of detail is required.
![Page 44: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/44.jpg)
Too complicated?
• Don’t forget that the data is never the problem.
‘Clutter and confusion are failures of design, not attributes of information‘ (Tufte)
![Page 45: Comu346 Lecture 6 Micro & Macro Readings](https://reader031.vdocuments.mx/reader031/viewer/2022030403/5469ec12af795925028b6ce2/html5/thumbnails/45.jpg)
Downsides of M/M
• creating good Micro / Macro design is hard.
• it is easier to have one display for each scale of data.
• it may be necessary to gather or process more data (e.g. stem plot vs bar chart)
• it may be difficult to blend the scales together.