10INFORMATION DESIGN INDEX CARDS

Michael-Florentius Van Langren (27 April 1598 – May 1675) was a Dutch astrono-mer and cartographer. Michael van Langren’s 1644 depiction of 12 determinations of the longi-tude from Toledo to Rome is most likely the first visual representation of statistical data.

Statistics A branch of mathematics dealing with the collection, analysis, interpretation, and presentation of vast amounts of numerical data.

Lon

git

ud

eM

ich

Ae

L F.

LA

ng

re

n, 1

644

Charles Joseph Minard (27 March 1781 – 24 October 1870) was a French civil engineer noted for his inventions in the field of information graphics. Minard is famous for his flow map of Napoleon’s disastrous Russian cam-paign of 1812. The graph, shown below, displays several variables in a single two-dimensional image:

The army’s location & direction•

The declining size of the army •

The low temperatures •

FLo

w M

ap

ch

Ar

Les

J. M

inA

rD

, 186

9

etymology: German Statistik study of political facts and figures, from New Latin statisticus of politics, from Latin status state.

william playfair (22 september 1759 –11 February 1823) was a scottish engineer and political economist, who is considered the founder of graphical methods of statistics. William Playfair invented four types of diagrams: in 1786 the line graph and bar chart of economic data, and in 1801 the pie chart and circle graph.

10_523_2.4_indexcard_mlee15.indd 1 10/21/09 2:51:15 PM

Law Firm Layoffs by week (Data)

Week ending Total 10-Apr 3533-Apr 75327-Mar 30120-Mar 15813-Mar 14776-Mar 130227-Feb 55020-Feb 92813-Feb 7996-Feb 36930-Jan 85823-Jan 30516-Jan 229 9-Jan 148

A bubble chart displays a set of numeric values as circles. it is especially useful for data sets with dozens to hundreds of values, or when the values differ by several orders of magnitude.

Florence nightingale (12 May 1820 – 13 August 1910) was an english nurse, writer and statistician. in 1858, nightingale became a pioneer in the visual presentation of information known as Polar Area diagram or nightingale rose diagram, a form of the pie chart.

types of statistical graphs A line graph is a way to show how two pieces of information are related and how they vary depending on one another.

tra

de-

ba

Lan

Ce

tiM

e-se

rie

sW

iLLi

AM

PLA

yFA

ir, 1

786

Law

Fir

M L

ayo

FFs

by

wee

k

LAW

sh

uc

ks

, 200

9

sources: manyeyes.comen.wikipedia.org/wiki/statistics merriam-webster.com/dictionary/statisticsen.wikipedia.org/wiki/Michael_van_Langren en.wikipedia.org/wiki/William_Playfairen.wikipedia.org/wiki/charles_Joseph_Minarden.wikipedia.org/wiki/Florence_nightingalemaysundays.net/hallofshame/lastfm-viz2.jpg datavis.ca/milestones//admin/uploads/images/tufte/langren.jpgcartographia.files.wordpress.com/2008/06/cotton-and-wool-58-to-61.jpg

poLa

r/r

ose

dia

gr

aM

FL

Or

en

ce

nig

hTi

ng

ALe

, 185

8

Calais events for web Feeds (Data)

personCareer 59Quotation 22Companytechnology 14Companyproduct 7personrelation 2productrelease 2businessrelation 1CompanyLocation 1Familyrelation 1Musicalbumrelease 1productrecall 1

Ca

Lais

eVe

nt

For

web

Fee

ds

TOD

D s

Ou

Le, 2

009

A Pie chart is a circular chart divided into triangular areas propor-tional to the percentages of the whole.

iMM

igr

atio

n M

ap

ch

Ar

Les

J. M

inA

rD

, 185

6

Feed

bu

rn

er s

tati

stiC

s A

nO

ny

MO

us

, 200

7

ind

ex

DM

Fur

y, 2

008

ob

esit

y Vs

. Med

ian

inC

oM

e W

es

ch

ALL

, 200

8iM

ag

es L

oC

atio

ns

JJy

Or

k, 2

007

A block histogram lets you see the distribution of numeric values in a data set. The x-axis is divided into “bins” that correspond to value ranges. each item in the data set is drawn as a rectangular block, and the blocks are piled into the bins to show how many values fit in each range.

A Scatterplot is a chart that uses cartesian coordinates to display values for two vari-ables. The data is displayed as a collection of points, each having one coordinate on the horizontal axis and one on the vertical axis.

A bar chart is a chart with vertical/horizontal bars whose lengths are proportional to the values that they represent.

commons.wikimedia.org/wiki/File:Minard.png yorku.ca/scs/gallery/images/coxcomb2.jpgmath.yorku.ca/scs/gallery/milestone/sec3.htmlaapsonline.org/jpands/hacienda/images/graph3.gif moritz.stefaner.eu/projects/x-by-y/img/large/x%20by%20y%20-%20map.gifvisionlearning.com/library/modules/mid156/image/VLObject-4108- 081104021106.jpgmunterbund.de/visualisierung_textaehnlichkeiten/02_originale/halter_ gross_big.jpgupload.wikimedia.org/wikipedia/commons/thumb/c/c8/Maarten_harp ertszoon_Tromp.jpg/200px-Maarten_harpertszoon_Tromp.jpg

➞

➞

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 Design 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 researched 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 10 and it was designed byMaggie Lee.

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

10_523_2.4_indexcard_mlee15.indd 2 10/21/09 2:51:18 PM