{"id":450,"date":"2015-02-02T21:07:12","date_gmt":"2015-02-02T19:07:12","guid":{"rendered":"http:\/\/sysrep.aalto.fi\/lilydiaz\/?page_id=450"},"modified":"2015-02-17T04:06:41","modified_gmt":"2015-02-17T02:06:41","slug":"dom-e5058-information-visualization-and-design","status":"publish","type":"page","link":"https:\/\/sysrep.aalto.fi\/lilydiaz\/courses\/dom-e5058-information-visualization-and-design\/","title":{"rendered":"Information Visualization and Design"},"content":{"rendered":"

DOM-E5058 Information Visualization and Design<\/strong>
\nDepartment of Media, Media Lab
\nProf. Lily D\u00edaz and guests
\n3 \u2013 21 February, 2015
\nMiestentie 3, room <\/p>\n

Course description<\/strong>: Based on the workshop taught in the Media Lab since 2002, this is a longer course that introduces the student to concepts in information visualization and design and their application in two major aspects of culture, namely those of time and space. <\/p>\n

Learning outcomes<\/strong>: The students will learn about visualization and information design from a cultural historical perspective. In addition, they will learn about the basic properties of the graphic system, the representation of time and space, how to prepare data for visualization, as well as perform an augmented reality exercise.<\/p>\n

WEEK ONE<\/strong><\/p>\n

Day 1: 03.02.2015<\/strong><\/p>\n

Here is the schedule for week one<\/a>. The instructions for creating the narratives for the Personal Timeline exercise are in the same attachment as the schedule.<\/p>\n

During the class today I presented a Brief History of Visualization. (Note that the slides are bit big and so I have placed them in a Dropbox folder where you can access them.) The work of Jacob Moreno as inventor of the Sociogram was included. “Sociograms are the charts or tools used to find the Sociometry of a social space.” [1] Here are some interesting examples of where some of his original ideas have led. <\/p>\n

\"Six_degrees_of_separation\"<\/a><\/p>\n

“Six degrees of separation,” A visualization of the idea that everyone is no more than six ‘steps’ away from each person on Earth. By Laurens van Lieshout, April 2007, Wikimedia Commons.<\/p>\n

Small-World Networks: “Six-degrees of separation”<\/a> – John D Barrow Gresham College maths lecture video (9:04 mins.) explains the experiment by Stanley Milgram.<\/p>\n

Using the Internet Movie Database, this Android application, Oracle of Bacon<\/a>, will return a simple visualization of the degrees of separation between actor Kevin Bacon and other actors in the movie industry. <\/p>\n

Here are some interesting sites that you should visit:<\/p>\n

\u2022 Milestones in the History of Thematic Cartography, Statistical Graphics, and Data Visualization<\/strong> by Michael Friendly and Daniel J. Denis. See the website<\/a> here.<\/p>\n

\u2022 InfoAesthetics website<\/strong><\/a>: Inspired by Lev Manovich’s definition of ‘information aesthetics’, this weblog explores the symbiotic relationship between creative design and the field of information visualization.<\/p>\n

Below I list two fine papers by prof. Ian Spence about William Playfair and the “graphic method of statistical data.”<\/p>\n

Spence, I. (2005). “No humble pie: The origins and usage of a statistical chart,” Journal of Educational and Behavioral Statistics, 30, 353-368.<\/a><\/p>\n

Spence, I. (2006). “William Playfair and the psychology of graphs,” Proceedings of the American Statistical Association, Section on Statistical Graphics. Alexandria VA: American Statistical Association, pp. 2426-2436.<\/a><\/p>\n

Similarity cluster (SC) map visualization of Alexader Reichstein’s Bestiarium Construendom by Systems of Representation<\/strong>
\n\"bestiarium_som_visu\"<\/a><\/p>\n

[1] Wikipedia, http:\/\/en.wikipedia.org\/wiki\/Sociogram, Accessed 04.02.2015.<\/p>\n

Day 2: 04.02.2015<\/strong><\/p>\n

Today we are going to being work on the personal timelines. The idea behind this exercise is to reflect about notions such as Embodiment, Research, Visualization & Design.<\/p>\n

Day 3: 05.02.2015<\/strong><\/p>\n

Here are examples of the Retinal Variables. Also an interesting example of working with line and tension by artist A. Balasubramanian video<\/a> from the 2010 exhibition ONLINE – Drawing through the Twentieth Century at the Museum of Modern Art in New York.<\/p>\n

Also today we present and discuss initial concepts for the personal timelines being created.<\/p>\n

WEEK TWO<\/strong><\/p>\n

Day 1: 10.02.2015<\/strong><\/p>\n

Today we are going to present and discuss the results from the Personal Timelines exercise. Also we will have a discussion on the question of What is Time?<\/p>\n

During the afternoon\/evening you are responsible for reading the following articles:
\n\u2022 Using Visualization to Understand Big Data
\n\u2022 The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations
\n\u2022 The Design of \u201cX by Y\u201d
\n(Note that the articles are in Dropbox)<\/p>\n

Here is the schedule of activities<\/a> for this week.<\/p>\n

WEEK THREE<\/strong><\/p>\n

Day 1: 17.02.2015<\/strong><\/p>\n

Today we will go over the results of your work with Self-organizing Map (SOM).<\/p>\n

Here is the schedule of activities for this week. <\/p>\n","protected":false},"excerpt":{"rendered":"

DOM-E5058 Information Visualization and Design Department of Media, Media Lab Prof. Lily D\u00edaz and guests 3 \u2013 21 February, 2015 Miestentie 3, room Course description: Based on the workshop taught in the Media Lab since 2002, this is a longer course that introduces the student to concepts in information visualization and design and their application … Continue reading Information Visualization and Design<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"parent":237,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/sysrep.aalto.fi\/lilydiaz\/wp-json\/wp\/v2\/pages\/450"}],"collection":[{"href":"https:\/\/sysrep.aalto.fi\/lilydiaz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sysrep.aalto.fi\/lilydiaz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sysrep.aalto.fi\/lilydiaz\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/sysrep.aalto.fi\/lilydiaz\/wp-json\/wp\/v2\/comments?post=450"}],"version-history":[{"count":43,"href":"https:\/\/sysrep.aalto.fi\/lilydiaz\/wp-json\/wp\/v2\/pages\/450\/revisions"}],"predecessor-version":[{"id":525,"href":"https:\/\/sysrep.aalto.fi\/lilydiaz\/wp-json\/wp\/v2\/pages\/450\/revisions\/525"}],"up":[{"embeddable":true,"href":"https:\/\/sysrep.aalto.fi\/lilydiaz\/wp-json\/wp\/v2\/pages\/237"}],"wp:attachment":[{"href":"https:\/\/sysrep.aalto.fi\/lilydiaz\/wp-json\/wp\/v2\/media?parent=450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}