This Information Design Index Card, number 02 created by Miranda Bague, is part of a set of 24 cards created by the students of DAI 523, Information Design 1 during the Fall semester of 2009. This set, conceived by Instructor Pino Trogu, covers a range of Information Design topic areas, chosen and researched by each student. DAI 523 is a fourth-year design course within the Design and Industry Department at San Francisco State University. DAI 523 provides students with an introduction to the field of information design, covering stand-alone and system applications across print, interactive (digital), and environmental mediums.

DAI 523Information Design 1Design and Industry DepartmentSan Francisco State University1600 Holloway Ave, California 94132, USAInformation Design Index Card No. 02 – October 2009Printed by _____________

STUDENTPICTUREHERE

02INFORMATION DESIGN INDEX CARDS

for shared visualization and discovery

Bubble Chart: displays a set of numeric values as a circles. This chart represents world languages based on fluent and near-fluent speakers. It was created Tuesday, September 22, 2009, by an anonymous manyeyes user.

manyeyes.alphaworks.ibm.com

beta

The website many eyes was created in 2004 by Martin Wattenberg, Jesse Kriss, Fernanda Viegas, Frank van Ham, and Matt McKeon.

This online program is a free site where anyone can upload, visualize and discuss data. Many Eyes is an experiment created by CUE Visual Communication Lab or the Collaborative User Experience of IBM, “to democratize visualization and enable a new social kind of data analysis.”

A user is able to input data and produce a visualization. The site also provides data from previous users. There are several visualization options enabling the user to find the best way to present their data. The site reads, “Finding the right way to view your data is as much an art as a science.” This card provides information on the different ways many eyes charts and graphs data.

World Languages by Number of Speakers

“It is that magical moment we live for: an unwieldy, unyielding data set is transformed into an image on the screen, and suddenly the user can perceive an unexpected pattern.”

See relationships

Scatter Plot: a classic statistical diagram that lets you visualize the relationship between numeric variables.

Matrix Chart: summarizes a multidimensional data set in a grid.

Compare a set

Track rises and falls

Stack Graph: a classic method for visu-alizing change in a set of items, where the sum of the values is as important as the individual items.

Pie Chart: a familiar way of showing proportions.

See the parts

Treemap: a visualization of hierarchical structures.

Bar Chart: a classic method for numerical comparisons.

Block Histogram: lets you see the distribution of numeric values in a data set.

Line Graph: a classic method for visualizing continuous change.

See the world

The maps on Many Eyes let you overlay data values on geographic regions. You should use a map if you want to see spatial patterns in the data.

Information gathered from manyeyes.alphaworks.ibm.comWordle: enables you to see how frequently words appear in a given text, or see the relationship between a column of words and a column of numbers.

Analyze a Text

Information Design Index Cards is a set of cards designed and produced by the students of DAI 523, Information Design 1, a fourth-year course in the De-sign and Industry Department, San Francisco State University, Fall 2009. The set, by no means complete, is composed of 1+22 cards on Information Design topics. Coordinated by instructor Pino Trogu, each topic was chosen and re-searched by the students. DAI 523 provides students with an introduction to the field of information design, covering a variety of applications across print, screen and environmental media. This is card number 02 and it was designed byMiranda Bague.

DAI 523 Information Design IDesign and Industry DepartmentCollege of Creative ArtsSan Francisco State UniversityCalifornia, USA – October 2009Information Design Index Card No.02Printed by JASK Digital Printing