Download
1 / 78

Research opportunity for this quarter/summer - PowerPoint PPT Presentation


  • 50 Views
  • Uploaded on

Research opportunity for this quarter/summer. Efthimis N. Efthimiadis. INFO 424 Week 5 Take-home exam due Wednesday No quiz this Friday (moved to next Friday). Review. Analyze/emulate text Park-style map Make info box appear & follow mouse Make info box text change. Nigel Holmes.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Research opportunity for this quarter/summer' - serena


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

Research opportunity for this quarter/summer

Efthimis N. Efthimiadis


INFO 424 Week 5

Take-home exam due Wednesday

No quiz this Friday (moved to next Friday)



Analyze/emulate text

Park-style map

Make info box appear & follow mouse

Make info box text change



There are 4 colors of text:

White, dark blue, black and red.


There are 4 colors of text:

White is used for the title

Dark blue is used for almost everything else

Black and Red are each used just once


There are 4 colors of text:

White is used for the title. Since it’s both the only white text and the largest

Text, it stands out.

Dark blue is used for almost everything else including all of labels, section

Headings and annotations.

Black and Red are each used just once, in both cases to add emphasis.

There are 4 colors of text:

White is used for the title which gives an overview of the topic of the visual

Dark blue is used for almost everything – the labels that name the diseases and point

To where they occur in the body, the descriptions that explain the diseases in detail,

The facts about how many people are affected and where they live.

Black is used for ‘1.1 billion people’ and red for the sentence that compares number

of people to number of people who can fit in an airplane.


There are 4 colors of text:

White is used for the title. Since it’s both the only white text and the largest

text, it stands out immediately. In fact, it’s the only white element on

the page other than the the lines used to create border and a handful of

other minor spots (the background of the ‘tab’, the white sand in the hourglass,

the names of states colored black, and the logo on the plane).


Dark blue against a pale blue background is used for almost everything else including

most of labels which are consistently also bold, all caps, and of the same, medium size

making them easy to scan for and creating unity – the red circles next to each label

also make them easy to scan for.


The three section headings also get essentially the

same treatment, though they’re slightly larger and their red circles each have the

section number inside.


The annotations under each label and all of the remaining text under each section

heading gets the same treatment – a very small font which makes it the lowest in the

visual hierarchy.

Two exceptions are the font used for the portions of the annotations which call out the

numbers of people who die each year and each day. The fact that this text is even larger

than the section headings makes it jump out.


Black and Red are each used just once, in both cases to add emphasis and

to associate those bits of text with a visual element which has the same color.



Precision labels emphasis and


What do you see? emphasis and


Analyze/emulate text emphasis and

Park-style map

Make info box appear & follow mouse

Make info box text change


Analyze/emulate text emphasis and

Park-style map

Make info box appear & follow mouse

Make info box text change


mouseX emphasis and

mouseY


Pr emphasis andeview


Choropleth emphasis and map

Store data in XML

Draw with AS


Choropleth emphasis and map

Store data in XML

Draw with AS


< emphasis andmetadatas>

<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>

varmyXML:XML;

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

titleText_txt.text = myXML.item[0].bookTitle;


Choropleth emphasis and map

Store data in XML

Draw with AS


sprite emphasis and

graphics

textField

textFormat


mySprite. emphasis andgraphics.drawCircle(0,0,60);

mySprite.x

mySprite.y


Thinking Perceptually emphasis and


Effective visual perception emphasis and

Jacque Bertin


Jacques emphasis andBertin

Matrix Theory of Graphics

Information Design Journal 10(1)

5-19, 2000/2001


Small multiples emphasis and


Once you have your central information, look for ways to create context

WHY?

Helps answer the ‘so what’ question

HOW?

Add comparable data

Add other data




analysis: NY Times Emissions Graphic create context

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


SUMMARY create context


ad