Summer Post #18: Olympic Rings Infographics: Global Issues

More often than not, there is beauty in the simple.

In fact, Leonardo Da Vinci famously commented that 

“Simplicity is the ultimate sophistication”

This summer, as with all Olympic years, we are bombarded the with Olympic logo of the 5 intertwined rings, which debuted at the 1920 Antwerp Olympics.

Olympic-rings-tower-bridge

 

You can READ MORE ABOUT THEIR HISTORY AND SYMBOLISM HERE

In the words of the designer and founder of the modern Olympic Games, Baron Pierre de Coubertin,

“…the six colours [including the flag’s white background] thus combined reproduce the colours of all the nations, with no exception. The blue and yellow of Sweden, the blue and white of Greece, the tri- colours of France, England and America, Germany, Belgium, Italy, Hungary, the yellow and red of Spain next to the novelties of Brazil or Australia, with old Japan and new China. Here is truly an international symbol.”

One extremely clever Brazilian creative director and graphic artist, Gustavo Sousa, decided that it could an important social gesture to manipulate the Olympic logo rings into an animated infographic highlight significant, often dark global issues. The project (which has 16 prints representing the 16 days of the Olympics) is called (simply) oceaniaeuropeamericasafricaasia 

 

His rationale?

“The rings represent healthy competition and union, but we know the world isn’t perfet. Maybe understanding the differences is the first step to try to make things more equal”

BLUE= OCEANA (Australia plus outlaying islands)

GREEN= ASIA

RED= the AMERICAS

BLACK= EUROPE

YELLOW= AFRICA

 

READ ORGINAL ARTICLE (if accessed, you can view the individual 16 stills and try to establish connections and derive “stories” from the data. For example…what might be the relationship, if any, between “Homicides” and “Guns” or “Billionaires” and “Child Mortality”, or “McDonald’s” and “Coca-Cola sales”?

 

 

Summer Post #16: Twitter, Emotion, and the Olympics

http://www.emoto2012.org/ has been tracking the EMOTIONS of OLYMPICS viewers through tweets.

 “We track twitter for themes related to the Games, analyse the messages for content and emotional expressions, and visualise topics and tone of the conversation.”

REAL TIME DATA VIZ
“Our real-time data visualization shows both the big picture, the world from above, and the intimate and personal. In topics view, we see the big picture, which event, athlete or topic is generating the most attention in the moment, and the mix of positive and negative emotions for each. The anecdotal and ephemeral is seen in the message stream view. An overview on each day shows an even bigger picture, the trends and patterns. This is a whole new way to experience and make sense of the pulse of the Games”

Here’s a screen shot from today:

Screen_shot_2012-07-29_at_7

See the EMOTO BLOG for more, such as…

Screen_shot_2012-07-29_at_7

Screen_shot_2012-07-29_at_7

The project requires the use of LEXALYTICS, or a “Sentiment Analysis” through language in Twitter chatter.

To read more about how that works, CLICK HERE.

“After the Olympic Games, the millions of online interactions will be transformed into physical form in a physical artwork. This data art sculpture will serve as an aggregate archive of the collective response to the Olympics.”

READ MORE ABOUT THAT DATA SCULPTURE HERE

DIY Infographics – Remix, Ideate, Create

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. 

Step 2: REMIX the exisiting Infographic. You will trasnform 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.

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

Vuvox.com – this would be a unique tool to use, especially if you choose to incorporate photography

Free Word Cloud generators

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’s a close-up

Closeup

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

Visualizing Data: Infographics and Sense Perception

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 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

 

by Column Five Media

Whyinfographics

llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

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

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

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 war 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 unfaorable data, loaded questions, biased samples, overgeneralization, misreporting error, false causality, proof of the null hypothesis.

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

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

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

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

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

 

lllllllllllllllllllllllllllll

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

llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

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.

lllllllllllllllll

In this 6 minute TED talk, we are exposed to the “ALLOSPHERE” – a new way to see, hear, and interpret scientific data.

 

llllllllllllllllll

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”

 

llllllllllllllllll

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!

 

lllllllllllllllllll

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

 

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

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#

llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

GREAT EXAMPLES OF DATA VIZ/ INFOGRAPHICS

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

“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)

 

llllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

Using Vuvox and Photography (with a trusty Sharpie), Nichole created an amazing infographic on Revolutions throughout History

llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

Oil’d from Chris Harmon on Vimeo.

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

llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

WHAT WILL WE BE DOING?

1. Analyzing and Evaluating Infographics (and the Knowledge Issues related to data viz)

2. Remixing/Transforming Existing Inforgraphics

3. Creating original examples of Data Viz

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