Visualiza(on Â
Table of contents • • • •
Infographics Mapping Interac4ve Media Videos
A clear story
Consider how the graphic will be used, and by whom.
• Red-‐green color blindness
Data Visualiza4on
Choose a design vernacular and a clean color pallet
Iden4fy what’s essen4al
Proper Dimensions (IMPORTANT) • ver4cal design= no wider than 1000px and length to under 10,000px if possible. • horizontal design= no taller than 700px.
An “AHA!” Moment
Edit and refine
Cite your sources
Images Â
NY Times
MIT Solar Power
City of Singapore
Links • • • • • • • • • •
• • • • • • •
hYp://mashable.com/2010/07/21/twiYer-‐moods-‐map/ hYp://www.ted.com/talks/hans_rosling_at_state.html tp://nytlabs.com/projects/cascade.html hYp://bostonography.com/hubwaymap/ hYp://www.ny4mes.com/interac4ve/2011/09/08/us/sept-‐11-‐reckoning/where-‐were-‐you-‐september-‐11-‐ map.html?hp hYps://data.sfgov.org/Public-‐Safety/Map-‐Crime-‐Incidents-‐Previous-‐Month/gxxq-‐x39z hYp://www.ny4mes.com/interac4ve/2012/06/11/sports/basketball/nba-‐shot-‐analysis.html?ref=mul4media hYp://projects.ny4mes.com/census/2010/explorer hYp://www.ny4mes.com/interac4ve/2011/03/21/nyregion/map-‐of-‐how-‐manhaYan-‐grid-‐grew.html? gwh=71E38BD0D07C036CA52B0EFD9F00964F hYp://www.gapminder.org/world/#$majorMode=chart$is;shi=t;ly=2003;lb=f;il=t;fs=11;al=30;stl=t;st=t;nsl=t;se=t $wst;Ys=C $ts;sp=5.59290322580644;4=2011$zpv;v=0$inc_x;mmid=XCOORDS;iid=phAwcNAVuyj1jiMAkmq1iMg;by=ind $inc_y;mmid=YCOORDS;iid=phAwcNAVuyj2tPLxKvvnNPA;by=ind $inc_s;uniValue=8.21;iid=phAwcNAVuyj0XOoBL_n5tAQ;by=ind$inc_c;uniValue=255;gid=CATID0;by=grp $map_x;scale=log;dataMin=283;dataMax=110808$map_y;scale=lin;dataMin=18;dataMax=87$map_s;sma=49;smi =2.65$cd;bd=0$inds=;example=75 hYp://www.informa4onisbeau4ful.net/play/snake-‐oil-‐supplements/ hYp://www.josephbergen.com/viz/water/ hYp://www.moma.org/interac4ves/exhibi4ons/2012/inven4ngabstrac4on/?page=connec4ons hYp://www.emissionsglobe.com/ hYp://viewbook.sciarc.edu/#home hYp://www.icreate3d.com/public-‐sector/interac4ve-‐3d-‐masterplans.html hYp://bostonography.com/neighborhoods/