INFO 424 Week 6ExamsReview PreviewNew stuff

Flash Exam Fridayopen book/notes/computeryou’ll be able to use all 2 hours if you want them

Take Home Exam

How you emulated the model

How this makes the result visuallyeffective

How this makes the result ‘informationallyeffective’ (how it conveys the messagewell)

The label and numbers on the axis were a little bit lighter in the AP image, so I modified it to be the same. This removes the emphasis from the numbers, but still makes them visible enough for when the viewer wishes to see the more exact square footage.

The light orange-red highlighting was used in an AP image (on the left side of the artboard) in order to convey an average.I tried to do the same here to demonstrate the visual technique, although I really have no concrete data to base my average on since none was given.

4.0! Why?...

…and innovative

Review

Choropleth mapStore data in XMLDraw with AS

http://courses.washington.edu/info424/Labs/choroplethMap.html

R G B

Choropleth map

Store data in XMLDraw with AS

<metadatas>

<item id="Book 1"><bookTitle>War and Peace</bookTitle><bookAuthor>Leo Tolstoy</bookAuthor>

</item>

<item id="Book 2"><bookTitle>Harry Potter</bookTitle><bookAuthor>JK Rowling</bookAuthor>

</item>

</metadatas>

titleText_txt.text = myXML.item.(@id=='Book 1').bookTitle;titleText_txt.text = myXML.item[0].bookTitle;

var myXML:XML;

Choropleth mapStore data in XML

Draw with AS

sprite graphics

textField

textFormat

mySprite.xmySprite.y

mySprite.graphics.drawCircle(0,0,60);

Preview

Make the drawings (creating the sprites) data-based – i.e. pullThe size, position and color information from the XML file

More practice with building XML file and retrieving data from them

Generalize the code so that it will draw a circle for every recordIn the XML file (rather than hard-coding them)

How to loop through an XML file for each (var myXMLbit:XML in myXML.firstElement){

Put the infoBox on top of/in front of the circlesHow to change the display order (just draw it after rather than before)

Gradients

Direct select tool

Outline stroke

Add anchor point

Effective visual perception

Jacque Bertin

Jacques BertinMatrix Theory of GraphicsInformation Design Journal 10(1)5-19, 2000/2001

Small multiples

Once you have your central information, look for ways to create contextWHY?Helps answer the ‘so what’ question

HOW?Add comparable dataAdd other data

0

50,000

100,000

150,000

200,000

250,000

300,000

350,000

Size of Residence Halls, UW

gros

s squ

are

feet

Basic Information, without context

…add comparable data (the same type of data)

analysis: NY Times Emissions Graphic

http://www.nytimes.com/interactive/2009/12/05/world/climate-graphic-background.html

http://postseason-stream.nikebasketball.com/live/

SUMMARY