Infographics Save Lives

More infographics to check out

RTD 331 CLASS PROJECTS

The Sales of Zelda

Got games: Uses a vertical bar graph as the ground for icons that represent games.
Initial sketch

Simple use of colors, grouping of circles and similar drawings with critical differences makes this very beautiful and informative. 

This project is really a graph shape that shows few white squirrels in 1902, the most in 1942, and a receding amount by 2012. What is also clear is that, even without reading the numbers, there are ALOT of white squirrels in Olney. The artist also uses a colorful gradient in an effective way. 

This project was made by a student from Japan who wished to practice her drawing skills. Look at how the shadows are also shapes that have been modified.  The flower pattern in the background has been treated with a gradient too.  FIRST VERSION OF KIMONOS below.

This uses a grid to organize information about heart rate and different kinds of activity. The meditating figure was drawn by hand while tracing a bitmap image.- here is one of the early drawings. 

OTHER INFORMATIVE COMPOSITIONS FOUND ONLINE

This is organized around two large blocks that form the surface planes for the information about pronouns and gender. 

Self explanatory. (this might be a student project)

Information Graphics

Self explanatory graphic! Note the size and shape of the page.

This image was selected from an interactive mapping project
 that indicates oil and gas fields and places where industrial
practices have led to spills. Link to this project here.
How do they use color effectively?
From EarthJustice "Fracking across the United States"

Venn Diagrams- how could these be repurposed with icons or colors?

New work by students in RTD 331

BY Cassie Catherall

The Science Behind Cookies By Amanda Neuhauser. Better resolution image at http://neuhouser.tumblr.com/post/111593353498 

By Amanda Hanks

By Mink P Johnson

This research uncovered some really fascinating facts, and the lipstick made a great centrally important object. 

Matt Levy- Movies based on MARVEL Comics

Great work with using modules and units on this project and nice use of rhythm with the movie names and details at the bottom. Better resolution at Matt's blog

Hand-drawn flowchart: Negative/positive space analysis

Flowcharts indicate the direction of information and the different routes information takes. The forking pathways of alternatives and also called trees.

Global carbon footprint- map with key

Iconoclasistas

These artists from Argentina use icons as the basis of their visual work about the distribution of social services to people in the city.
Go to this LINK AT  their website to discover many more information rich ICONs

Prisons versus schools: Prisoners versus Students- a map

This is a map that indicates the density of prisons and prisoners in each state. The title,
"The U.S. has more jails than colleges. Here’s a map of where those prisoners live." is a wee bit misleading as it doesn't show you the schools, just the prisons. We have to take their word on it that there are more jails that schools. Here is a screenshot of the map- it uses color shading and intensity to represent the statistics.

from the article:

There were 2.3 million prisoners in the U.S. as of the 2010 Census. It's often been remarked that our national incarceration rate of 707 adults per every 100,000 residents is the highest in the world, by a huge margin. Read the article HERE and see the interactive map. 

Cloacina

Cloacina is somewhat like a think tank based in Portland that does research into toilets and other kinds of sensitive- or should we say intimate waste disposal. Their website is full of projects including a wonderful series of posters that explain decomposition processes through flowcharts. Like this one.

Art projects drawing from Infographic strategies

Jennifer Dalton (LINK)    This one is worth looking at the link to see it is a series of pie charts that give information about a small city.

William POWHIDA (LINK)
This is just hand written text but it is nice the way he uses color, and also divides up the space in interesting ways- it is organic the way it follows the lettering rather than straight lines.

Infographics on austerity

Telling stories with diagrams- Cholera and Cahokia

About the Broad Street Cholera epidemic, 1854

nigel holmes

Nigel Holmes is an information designer. A designer who specializes in creating highly understandable information through graphic presentations.
A video of his. 

Infographic on NFL team salaries

Here is an information design project on NFL salaries.

Check out the different strategies they used to organize this complex information.

Practical applications of diagrams: the garden plot

raising hope- elementary reader style

See the storyboard here

Raising Hope uses an elementary reader style for their titles

from designer Ariel Shepard:

"I was hired by Shine Creative Director Michael Riley to illustrate these cards for Raising Hope, a comedic sitcom on Television Network Fox that first aired Fall 2010. I collaborated with animator Cory Shaw to create this Main title using the concept of a twisted comedic Dick and Jane. This was a
great project. The show got picked up for a second season and I went back to shine in 2011 and rebooted a few cards. Working with Shine and Cory Shaw is always a pleasure."

Short ads and stuff with IDEAS~

http://www.blacklist.tv/projects/warby-parker-introduction/#

http://www.blacklist.tv/projects/meth-project-montage/

http://www.blacklist.tv/projects/science-museum/#

Story of Bottled Water by Annie Leonard

Information is beautiful- PROJECT 1

The Sheep Market, an interactive drawing project
from David McCandless, author of the website and the book Information is Beautiful.

http://www.informationisbeautiful.net/

Many interesting projects on this website. The idea that information is beautiful provides the framework for our first project.

More articles and information about INFORMATION DESIGN
These readings from Graphic Design the New Basics by Ellen Lupton and Jennifer Cole

• Hierarchy Phillips

• Typographic Layers

• Modularity
Look at and read the first two Design Problems (links at the side or bottom). How to do them with illustrator? can you think that through?

• Diagrams


LOOK AROUND this commercial website linked HERE

LOOK AT THIS WEBSITE- MAPPING WORLDS

and finally check out the work of Nigel Holmes;
Here

• READ this pdf (download):
• READ this pdf (download):


• Watch this video:

• As homework for next week, come up with a few ideas to create maps or diagrams. Make three possible sketches on paper for how they could be arranged or represented.

Smith infographic