Mdst 3559-01-20-intro
-
Upload
rafael-alvarado -
Category
Technology
-
view
238 -
download
0
Transcript of Mdst 3559-01-20-intro
![Page 1: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/1.jpg)
Introduction
MDST 3559: DataestheticsProf. Alvarado
1/20/20
![Page 2: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/2.jpg)
What is “dataesthetics”?
Or, what does data have to do with aesthetics?
![Page 3: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/3.jpg)
Definitions
• Aesthetics– Concerned with beauty, taste, and perception.– Branch of philosophy contrasted with Logic.– “De gustibus non est disputandum.”
• Data– Discrete items of information.– Organized into regular structures.– Usually serves as the basis of Logic (reason and
evidence.)
![Page 4: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/4.jpg)
There is a logic to art and an art to logic
![Page 5: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/5.jpg)
Flagellation, Piero della Francesca, c. 1448-49
![Page 6: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/6.jpg)
Demonstration of internal light source in Flagellation by Piero della Francesca
![Page 7: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/7.jpg)
![Page 8: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/8.jpg)
![Page 9: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/9.jpg)
![Page 10: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/10.jpg)
![Page 11: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/11.jpg)
Art and logic merge in the concept of DESIGN
Logic : Art :: Part : Whole
![Page 12: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/12.jpg)
• helps
![Page 13: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/13.jpg)
Design pertains to representation
Dataesthetics is about digital representation
![Page 14: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/14.jpg)
What is digital representation?
![Page 15: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/15.jpg)
Digital Representation
• “The use of discrete impulses or quantities arranged in coded patterns to represent variables or other data in the form of numbers or characters.”– i.e. Mapping of an object onto numbers and patterns
• Examples:– Color as RGB– Space, time ...– But can be done with almost anything
![Page 16: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/16.jpg)
![Page 17: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/17.jpg)
![Page 18: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/18.jpg)
The Shape of Song
http://www.turbulence.org/Works/song/method/method.html
![Page 19: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/19.jpg)
Madonna, “Like a Prayer”
![Page 20: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/20.jpg)
Bach’s Goldberg Variations
![Page 21: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/21.jpg)
These examples work the same way
The object is mapped to a set of data and then transformed by algorithms
![Page 22: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/22.jpg)
The goal of this course is to learn how to map domains into data sets—texts, images, beliefs,
etc.
So they can be manipulated and visualized
![Page 23: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/23.jpg)
Examples
![Page 24: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/24.jpg)
Visualizing the Bible
![Page 25: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/25.jpg)
http://www.science-metrix.com/OntologyExplorer/#
![Page 26: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/26.jpg)
![Page 27: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/27.jpg)
![Page 28: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/28.jpg)
“I'm looking forward to you interpretations.”
![Page 29: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/29.jpg)
![Page 30: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/30.jpg)
![Page 31: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/31.jpg)
![Page 32: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/32.jpg)
![Page 33: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/33.jpg)
![Page 34: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/34.jpg)
Playfair's parallel time-series bar chart of prices of wheat, wages and monarchs over 250+ years. (Source: Playfair, Letters on our agricultural distresses...; Tufte, p. 34)
![Page 35: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/35.jpg)
![Page 36: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/36.jpg)
![Page 37: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/37.jpg)
Other examples
• http://www.ted.com/talks/hans_rosling_reveals_new_insights_on_poverty.html
• http://3.bp.blogspot.com/_70Gw2abmBeI/TQ0sv2Fs6vI/AAAAAAAAA6Q/yu67k0UWCGc/s1600/AHMap.jpeg
• http://www.visualcomplexity.com/vc/• http://infosthetics.com/
![Page 38: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/38.jpg)
Dimensions of Contrast
• Hand-made vs. auto-generated• The use of space to signify dimensions• Use of colors, shapes, etc.• Interpretability• Levels: data models vs. data “reports”
![Page 39: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/39.jpg)
Focus
• Abstract representations (graphs, trees, networks, user interfaces, etc.)
• Tools:– PHP, CSV, MySQL, HTML, GraphViz, other network
display and analysis tools
![Page 40: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/40.jpg)
In this course
• You will learn how to acquire and extract data from different kind of sources– Of interest to the humanities and social sciences
• You will learn how to use basic tools to express these data visually and interactively
• You will acquire a vocabulary with which to express and frame your design decision
![Page 41: Mdst 3559-01-20-intro](https://reader036.fdocuments.in/reader036/viewer/2022062513/55627346d8b42a04418b468a/html5/thumbnails/41.jpg)
Resources
• WordPress site is accessible from UVaCollab– Readings for Tuesday will be posted today
• Download and install jEdit• Enable Home Directory Service – See http://itc.virginia.edu/homedir/
• Unix accounts will be created on STUDIO1