Infographics: Visualizing Data

Infographics are perhaps the new storytelling medium. They can take a lot of information and put it in a form that is fun and easily understood. Studying and experimenting with infographics is a perfect start to our new unit on SENSE PERCEPTION. Although we have 5 senses, a great deal of what we “know” comes from what we “see”. *We also have to be careful and critically evaluate infographics

“We now live in a world where information is potentially unlimited. Information is cheap, but meaning is expensive. Where is the meaning? Only human beings can tell you where it is. We’re extracting meaning from our minds and our own lives.”- George Dyson

“The purpose of Visualization…is INSIGHT…NOT pictures” – Ben Schneiderman at U. of Maryland

Why do Infographics Matter? – “your message is only as good as your ability to share it”…one designer comments that “TRANSPARENCY is the NEW BLACK”…it’s all about the open data

http://www.fastcodesign.com/1665149/why-infographics-matter-video

by Column Five Media

Whyinfographics

TOK -related ARTICLE: “When Data Struts Its Stuff – Read about the implications, benefits, and risks

Is “SEEING really BELIEVING”? Why do humans gravitate toward the visual and pictoral? Why is a “picture worth a thousand words”? Neurologists define this phenomenon as the “PICTORAL SUPERIORITY EFFECT”, claiming that our brains are actually hard-wired to remember things that are presented as or with images much more than mere text or speech. But we have to be wary of “DATA-WASHING”, or the “selective and manipulated framing of information aimed at steering your understanding of it in a specific direction”. We need “GRAPHICS LITERACY”.

For the video “CHART WARS” please see this Brainpickings post: http://www.brainpickings.org/index.php/2010/01/15/alex-lundry-chart-wars/

Read this Wikipedia entry on the MISUSE OF STATS, which includes discarding unfavorable data, loaded questions, biased samples, overgeneralization, misreporting error, false causality, proof of the null hypothesis.

We will begin with a video series: “Journalism in the Age of Data”, put out by Stanford University, which has an excellent media program.

http://datajournalism.stanford.edu/ (a collection of 8 short videos)

“Data Visualization is here to stay…so we better all get on board’ 

Here’s an INFOGRAPHIC ABOUT INFOGRAPHICS to give you some background. It says the steps are:

1. IDEATION– what is an idea that will “blow up”?

2. IDEA SELECTION – finding that diamond in the rough

3. RESEARCH – getting the facts (legit and interesting!)

4. CONCEPTUAL VISUALIZATION – what will the art/design be like?

5. DRAFT/ REVISIONS/ PRODUCTION

Here’s MY SITE I BUILT : INFOGRAPHICMANIA (lots of cool examples)

Finally, here’s the LIVEBINDER with everything you’d ever need to know about Infographics

Here is his TED talk: http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html

He claims statistics is “the sexiest subject around”

and a similar VIDEO: BBC: POPULATION 7 BILLION (a must see!) If it doesn’t work, then see it on YouTube HERE

Google Street View Stop-Motion

Address Is Approximate from The Theory on Vimeo.

In this 5 minute TED talk, a “creative technologist” demonstrates CYMATICS,  process for making soundwaves visible.

David McCandless is a leader in data visualization, and in his TED talk he suggests it is the best way to navigate the “information glut”, plus, he says, “Information is Beautiful!”

How can data visualization aid those in the medical field? In this TED talk, Swedish expert Anders Ynnerman describes virtual autopsies and all kinds of goodies!

Prepare to be wow’d! Alexander Tsiaras uses art and technology to visualize the unseen human.

RELATED BLOGS AND SITES:

http://flowingdata.com/

DataArt – BBC Blurring the boundaries between art and information

http://stamen.com/

3 Trends That Will Define the Future of Infographics

http://www.visualcomplexity.com/vc/

Quora answers: What are the Best Blogs about Data?

BBC Dimensions- How Big Really? (this is so cool!)

Information is Beautiful 

Hive Group

Brainpickings

DID YOU KNOW...Many people are creating inforgraphics to use as CVs/Resumes? A company called http://vizualize.me/ helps.  This is an example from a friend: http://vizualize.me/cscolari#

My personal favourite is Re.VU…check out this example for Obama

GREAT EXAMPLES OF DATA VIZ/ INFOGRAPHICS

Above – an interesting combo of kinetic typography and infographics, set to film

“Visual Storytelling: A New Language for Data Overload” (has amazing examples)

Visual.ly (prob the most cool site- with examples in “Explore”)

Social Media Stats Viz

Students and Social Media (a good one for you!)

Hardest Places to Survive on Earth

What words does CHINA censor?

Mapping Internet Names with TOKYO subway

What’s in a surname? (INTERACTIVE)

TasteBuds (by David McCandless)

Designer Toolkit (what are the most prized products?)

MUSIC VID: “Numbers in Action” by Wiley (infographic-inspired)

Big Data: Digital Deluge

Google vs. Facebook – on Security and Privacy

How Texting is Changing the World

Interpretation of Death in Different Cultures

Infographic about Tumblr

Just how Connected are College Students? (surprising!)

Obesity Worldwide

VIDEO: We are the 99%

1 YEAR of Infogrpaphics

TONS of Interesting Infographics as tweeted by @russelstarr

Students Through the Ages

Visual Storytelling (about the book, with examples)

Vive le Tweet! A map of Twitter’s languages

What are the Hardest Languages to Learn?

Where are you Guilty of Text Messaging?

Understanding Shakespeare with Visualization

INTERACTIVE: Choosing a College

Various “State of the World” infographics from Myriad

INTERACTIVE: U.S.A. Happiness factors

U.S. Mood Throughout the Day inferred from Twitter (WITH VIDEO)….and to find out how they did that, check this article on TWITTEROLOGY, the new social science

30 Top Infographics for Designers

GOOD infographics ( a bunch of them, posted by the site GOOD)

FastCompany- Infographic of the Day

55 Social Media Infographics

Science and Health-related Data Viz

Language, Arts, Entertainment Data Viz

History/Politics.Econ Data Viz

Hot Body Language

“Faces of the Dead” (made for our fallen heroes)

CREATING YOUR OWN INFOGRAPHIC – RESOURCES

http://langwitches.org/blog/2011/09/06/creating-infographics-with-students/

iCharts – create interactive charts for free

MANYEYES (by IBM) – one of the most popular

TIPS in designing effective Infographics

Designer’s Inside Scoop on Data Viz

TIPS, TRICKS, RESOURCES for making your own

10 TIPS for Designing Infographics

How to make a Good Infographic

Google Public Data Explorer

Mrs. Burvall’s DIIGO list re: Infographics (about 23 links now)

Main TYPES of Infographics

CREATIVE TASK

Now that we’ve explored the science, history, and future of Infographics, it is time for some real-world investigation and application. Keep in mind that this is about how we CREATE KNOWLEDGE by MAKING SENSE of DATA and INFORMATION through SENSE PERCEPTION (in this case, visuals, or sight, and text, or language).

Infographic creation goes back to Early Man (click here for more)

Step 1: Peruse WIRED MAGAZINE for a real-life example of a non-interactive, print-based infographic OR check out any of the resources above that feature digital infographics

Step 2: REMIX the exisiting Infographic. You will transform it and give it new life by taking the data available and changing up how it is presented. Be adventurous, and use the tools in the links provided below.

TOOLS I recommend:

Thinglink

Infogr.am

Visual.ly

Easel.ly

Picktochart

20 others!

App: Vizualize

App: VIZ

Step 3: D.I.Y. Infographic. You will be telling an original story with data and visuals/text. If you choose to do this by hand, you’ll need to scan or take a photo of it for your blog.

This link has a lovely infographic chart which spells out the process.

It involves BRAINSTORMING, IDEA SELECTION, CURATING DATA (research and editing), and CONCEPTUAL VISUALIZATION

Here is a SCRIBD slideshow which highlights your basic goals

***Be sure to work on something that interests you. You might even want to tie it to another project such as CAS, EE, or something you are doing in another DP course. Or, it might be something to do with a hobby or other interest you have. OR you might want to create your own resume- type infographic like the ones found HERE

SOURCES TO HELP:

Livebinder on Infographics (the tab called “Creating Infographics”)

TOK blog – scroll to “Creating Infographics” pink title and search the sources below

Free Word Cloud generators

Get inspired by watching THIS VIDEO about a famous graphic designer at work.

BUT WAIT..THERE’s MORE!

Top 2011 Infographics (very cool) My personal fav is this flow chart on the History of Science Fiction

024_lg-full-750

Here are 2011 Infographics that are Still Relevant Today. One of my favorites is the Apple Tree:

Apple-tree

This website offers a look into the sketching phases and ideation of a data viz team. I like the one called “Arrested Development”, about the #OccupyWallStreet Tweets and arrests

Firstphoto-thumb-340xauto-1571

If you click HERE their process is explained in detail

Detail_az_02

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: