Case 1 (iii)Text and Image in the Shahnameh

MDST 3559: DataestheticsProf. Alvarado03/29/2011

Business

• Midterms graded; submitted via Assignments• Blogging and comments – good work!• Assignment graded as part of participation

Review

• Review assignments– Use of Space– Use of jQuery

• Review demo– How did I create breaks between MS’s?

Overview

• Create a new visualization• Interpret the data• Compare to Wordle Viz of episode titles

Exercise: Create an Image Plot

http://pages.shanti.virginia.edu/Dataesthetics_S11/?p=279

Image Plot

• Goal– X: Episode (narrative time)– Y: Manuscript

• Download and use new table of EPISODE_AND_PAGE– Includes the Manuscript code (e.g. PECK) for

better sorting– Name the table shah_episode_and_page

Image Plot

• In making the query, reverse sort order of episodes and pages– Whereas before, you sorted by MS, now we sort

by EPISODE• The order of your sorts in the query roughly

match the X and Y axis

Method 1: Use the Switch Pattern

• Define a variable before the loop starts for the current MS Code – set to ‘’ at first

• In the loop, see when the MS Code changes, insert a break

• Use CSS to format width of caption• See v1.php

Method 2: Use a Second Array

• Iterate through array of table data and convert data into another array

• Second array will mirror the X / Y structure of the visualization we want

• Remember that arrays are like this:$array[X][Y][Z];So, for example:$results[X=Row Numbers][Y: Column Names]

• See v2.php

Where in the story are the most are illustrations?

Do any characters appear more often than others?

http://www-958.ibm.com/me/visualizations/word-cloud-of-episode-titles-from-/comments/5369046255d211e09087000255111976%23http://www-958.ibm.com/me/visualizations/word-cloud-of-episode-titles-from-/comments/5369046255d211e09087000255111976

Khusraw and Rustam

Khusraw : Rustam :: Text : Image ?

Key Idea

• The structure of the visualization mirrors the structure of the data

• Note the persistence of X and Y– In the sort order for the query– In the array indices– In the layout of the graph

Reading for Thursday

• Rustem and Sohrab (see blog)