infographics images

 
The team at Flowtown.com designed the 2010 Social Networking Map as an update to the Map of Online Communities by xkcd.com in early 2007.  Social networking has certainly advanced in the last three years (even in the last three days!), so the update shows a lot of changes in geography.
It does seem a little premature to claim this is the map of social media for 2010 with five months left to go.  A lot can happen in five months (like the Apple PING service announced this week).

Flowchart Friday, anyone? This one describes the process to solve all of your problems. Unfortunately, sometimes in life, you just end up going around in circles. That's what Maury Povich taught me.
[via]

Flowchart Helps You Decide What Cereal to Eat
Flowchart shows the startup business cycle
Flowchart Shows You What to Say During Sex

You can get pretty far with data graphics with just limited statistical knowledge, but if you want to take your skills, resume, and portfolio to the next level, you should learn standard data practices. Of all places, UK Parliament has some short and free guides to help you with basic statistical concepts. They provide 13 notes, each only two or three pages long that can help you with stuff like how to adjust for inflation, confidence intervals and statistical significance, or basic graph suggestions [pdf]. I like.
[via | Thanks, @joemako]

Visual Guides to the World of Street Vendors
U.S. Census Bureau’s 2008 Statistical Abstract – Looking at America’s Data
Do You Want to Learn How to Make Statistical Graphics?

A couple of months back, WNYC's The Brian Lehrer Show asked listeners who have moved to or away from New York some questions. They asked current zipcode, previous zipcode, year of move, and some other questions. BLS then posted the data and let information and data folk have a go at it. Here are the results.
My favorite is Moritz Stefaner's interactive (above). You've seen his stuff around here before. Red indicates more moving out and blue indicates more people moving in. The New York area is enlarged in the white circle since most moves happened within the state, and the rest are placed using a damped distance function. Updating bar graphs on the right provide more context. Check it out, even if just for the cool factor.
A static look of the data by designer Andrea Stranger is pretty interesting too. The map below shows moves from 2000 to 2010, and it's accompanied by smaller maps for each year.

Check out the rest here. Some good stuff in there.

Where Americans are moving
New York Times on how they design their graphics
My Last Day as a New York Times Graphics Editor Intern

I trust we've all seen the OldSpice YouTube campaign by now? This graphic from Know Your Meme categorizes videos by who they were directed to and how many views they received. For example, a video to Joe Blow would be in the low-profile category, while responses to Alyssa Milano go to the high-profile category.
It's fun subject matter and interesting to look at, but it does miss some chances to be more informative. I mean, the story here isn't just number of views. It's more about the distribution of views and videos. We don't really get that from these visuals. Instead the main thing we get out of the graphic is the five most viewed videos.
That's not to say it's bad. But there is a good amount of room for improvement. How can we make this graphic more meaningful and tell a more complete story? Here's the full-sized version. Leave your constructive comments below.
[via]

Discuss: Driving is why you’re fat?
Discuss: Flowchart on drinkable water in the world
BP tries to mislead you with graphs

The tennis US Open is in full swing, and since you're at work, you probably need a way to keep up with all of the matches. In a collaboration between the US Open and IBM, this real-time display shows you what's going on during any given match.
New for the 2010 US Open, the USTA and IBM are introducing a "beta" release of US Open PointStream -- a new way to enhance your US Open experience. PointStream visualizes match data and stats in real-time to give you insight into the way your favorite players are performing.
It's sort of confusing at first, especially if you don't know anything about tennis. There are just so many more encodings than you're used to interpreting. That said, if you're a tennis nut and have it running in the background, it's easy to see how this could be useful as an ambient display, as opposed to an analysis tool.
Here are the main encodings. Each player has a color: green or blue. The inner ring is a calculated measure of who currently is at an advantage during the match. The outer ring shows progress of the current match. Bar height indicates serving speed and white lines indicate aces. Small squares on top of bars show winners. Finally, the rings in the middle show previous sets.
Still confused and have suggestions on how to improve it? Let them know. It's still in beta, and they're taking feedback. I was unsure what I was looking at at first, but it's grown on me after staring at it for a little.
[Thanks, Jeff]

Many Eyes on The Times U.S. Open Blog
How to Create a Real-Time Web Traffic Map for Your Site
Researchers Map Chaos Inside Cancer Cell

Crispian Jago created this great subway map of the top scientists in the last 500 years.  Subway Science plots the science celebrities by discipline (subway track), connections where appropriate and the shaded rings in the background show the timeline by century (the outer ring is the 20th century).  Sir Isaac Newton crosses 5 lines…either a great multi-tasker or ADHD.
 

You can see that Crispian has tagged this as DRAFT version 0.37, and he already has a huge number of comments on his Science, Reason and Critical Thinking blog post.  I expect there will be revised versions in the future.
Where’s Sheldon Cooper?!?
Found on Bad Astronomy and Visual Loop

FlowingData reader Chris asks:
I was wondering, have you ever considered doing a Chernoff faces tutorial for R? I think Chernoff faces are pretty interesting and I haven't seen much about them on the web.
This wasn't the first time someone's asked how to make Chernoff faces, so I did a quick search. Guess what. There's an R library for that. This tutorial describes how to apply Chernoff faces to your own data.
Chernoff Faces
The point of Chernoff faces is to display multiple variables at once by positioning parts of the human face, such as ears, hair, eyes, and nose, based on numbers in a dataset. The assumption is that we can read people's faces easily in real life, so we should be able to recognize small differences when they represent data. Now that's a pretty big assumption, but debate aside, they're fun to make.
We've seen them applied to baseball players and judge ratings. In this tutorial, we'll look at US crime rate by state.
Download R
Like in previous tutorials, we'll be using R (surprise, surprise), the software environment for statistical computing and graphics, to make our Chernoff faces, so if you haven't already, download and install R first before moving on. It's free, open-source, and a one-click install. Go on, I'll wait for you.
Step 1. Install package
Once you've opened up R, the first thing we need to do is install the aplpack (Another Plot Package) package by Peter Wolf. Go to the the "Packages & Data" menu in R, and select the "Package Installer." Select "CRAN (binaries)" in the dropdown menu if it's not already on that, and then click on "Get List." Scroll down to "aplpack" and click on the "Install Selected" button and installation should begin.

Alternatively, you can also just type this in the R console:
install.packages("aplpack")
Step 2. Load the data
Next we need to load the data into the R environment. Like I said, we'll be looking at crime rates by state. I got the data from Infochimps, which is actually from Table 301 of the 2008 US Statistical Abstract, but it's typically a headache going through dot gov navigation, so I avoid it when I can.
I cleaned the datafile I got from Infochimps a little bit more so it only includes the numbers we're interested in. You can find it here, but you don't need to download it. We'll load it directly into R via the URL using the read.csv() command.
crime
To view the data, type the following:
crime[1:6,]
This shows you the first six lines of our dataset. Note that there are eight columns. The first column is state name, with the exception of the row for US average and District of Columbia later on. The rest of the columns are seven categories of crime.
Step 3. Make some faces
Once the data is in, it's actually really easy to make some faces using the faces() function from the aplpack package. So far we've only installed the package, so now we'll load it:
library(aplpack)
If you get errors when you try to load, you might want to check to see if you installed the library correctly.
Okay, let's make some faces:
faces(crime[,2:8])
Here we're telling R to use the faces() function, using columns 2 through 8 of our crime data. Remember, the first column is state name. You get something that looks like this:

Step 4. Change Features
This is pretty much what we want except for two things. The first is that the faces are labeled with numbers. That isn't of much use without a key. The second is that some of the faces are smiling. For more positive datasets like quality of life or baseball stats, that would make sense. The higher the value, the better. This is crime data though. The higher the value, the worse. Smiles for rate of larceny theft doesn't seem quite right.
Unfortunately, the faces() function doesn't let us choose what face parts to associate with each metric, so we need to find a workaround. According to the documentation (view by typing ?faces), the curve of the smile is applied to the sixth column in the input matrix, which is crime in this case.
Ah. Here's what we'll do. We make the sixth column in our data all the same value. That way all smile curves will be neutral. Here's how we can do that:
crime_filled
The cbind() function combines multiple columns to form a matrix. In the above, we combine the first six columns of crime, stick a column of zeros whose length matches the number of rows in our crime data, and then we end with the last two columns in crime. We save the new matrix into a variable called crime_filled. Similar to in Step 2, you can type the following to see the first rows of crime_filled.
crime_filled[1:6,]
Notice the new column of zeros?
Now use faces() with crime_filled:
faces(crime_filled[,2:8])
We get similar faces, but with no more smiles:

Step 5. Add labels
Instead of numbers, it'd be much more useful to include state names. Easy.
faces(crime_filled[,2:8], labels=crime_filled$state)
It's the same as previous, but we use the labels argument to use the state column in crime_filled to label with state names.

Much more useful now. We can easily associate the faces with a state. It's a little cluttered, but we can fix that up easy in Illustrator.
Step 6. Fix up in Illustrator (optional)
You can pretty much stop here if you like, but as most of you know, I like to save the image as a PDF, bring it into Adobe Illustrator (aff), and clean things up to make it more readable. You can also try Inkscape, the open-source alternative, although I've never tried it.
After some label cleanup and some annotation, here's our final result. What's going on there Washington, D.C.?

Not too bad, right?
Read the R documentation on faces() for more details on what else you can do with the function. Remember, documentation is your friend when it comes to making full use of R.
Now go on. Have some fun with your new Chernoff toy.
Got a visualization question? Post it in the forums.

Chernoff Faces to Display Baseball Managers From 2007 MLB Season
An Easy Way to Make a Treemap
How to Make a Heatmap – a Quick and Easy Solution

Auger Loizeau, in collaboration with Reyer Zwiggelaar and Bashar Al-Rjoub, describe their smart-home project Happylife. It monitors facial expressions and movements to estimate a family's mood, displayed via four glowing orbs on the wall, one for each member:
We built a visual display linked to the thermal image camera. This employs facial recognition to differentiate between members of the family. Each member has one rotary dial and one RGB LED display effectively acting like emotional barometers. These show current state and predicted state, the predicted state being based on years of accumulated statistical data.
They also include a few quite beautiful vignettes from a family that has Happylife in their home. While there are no concrete metrics or instructions on how to read the displays, the family does draw some kind of emotional insights and sometimes finds comfort in the glow:
It was that time of the year. All of the Happylife prediction dials had spun anti-clockwise, like barometers reacting to an incoming storm. we lost David 4 years ago and the system was anticipating our coming sadness. We found this strangely comforting.

The irony here is that despite being called Happylife, the vignettes are actually kind of depressing, as are the cold, blue glowing orbs. And in The Veldt by Ray Bradbury, a story from the anthology that this project draws inspiration from, a new technology called the "Happylife home" is introduced. The parents are killed by virtual deadly lions. Coincidentally, that's last on my list of ways I want to die.
[via]

Detailed View of the Kennedy Family Tree
Displaying Data as Efficiently as Possible
Big Happy Republican Family

Icons of the Web is a massive image that portrays icons of the top websites on the Internet.  Sizing their favicons based on the site traffic according to Alexa, they were able to get 288,945 good icon images out of the top 1,000,000 sites.

A large-scale scan of the top million web sites (per Alexa traffic data) was performed in early 2010 using the Nmap Security Scanner and its scripting engine.
We retrieved each site’s icon by first parsing the HTML for a link tag and then falling back to /favicon.ico if that failed. 328,427 unique icons were collected, of which 288,945 were proper images. The remaining 39,482 were error strings and other non-image files. Our original goal was just to improve our http-favicon.nse script, but we had enough fun browsing so many icons that we used them to create the visualization below.
The area of each icon is proportional to the sum of the reach of all sites using that icon. When both a bare domain name and its “www.” counterpart used the same icon, only one of them was counted. The smallest icons—those corresponding to sites with approximately 0.0001% reach—are scaled to 16x16 pixels. The largest icon (Google) is 11,936 x 11,936 pixels, and the whole diagram is 37,440 x 37,440. Since your web browser would choke on that, we have created the interactive viewer below (click and drag to pan, double-click to zoom, or type in a site name to go right to it).

 
You can use the online search engine to locate a particular site icon, and OF COURSE I had to look for the Cool Infographics icon.  Found it!
 

Programming and design was done by David Fifield and scanning performed by Brandon Enright.
Found on Social Media Graphics

Connoisseur of scaled rounded rectangles, bubbles, and triangles, David McCandless of Information is Beautiful talks data visualization in recently posted TED talk (below). He explains how information design can help us get through information glut on the Web and how simple charts can show patterns that we never would have seen otherwise. He uses his own works and collaborations as evidence.
Right around the 8-minute mark, David makes an interesting point about learning design. He explains that he started as a programmer, and then was a writer for about twenty years, but only recently started designing. He picked up the skills on his own. David argues that he's not unique, and that actually, everyone (like you) can do stuff like this too, because we've all been exposed to so much information that we have a sense of what makes it understandable.
That sounds about right. Obviously, a formal design education is going to help, but a lot of the skills you learn come from practice and experience.
With the proper resources to help you with foundations such as software, code, and basic principles, you open up a whole bunch of different paths that you can explore on your own.
Watch David's full talk below.

[Thanks, Lara]

Why Isn’t Data Visualization More Popular?
Daily Design Workout – DONE by Jonas Buntenbruch
Data Visualization Blogs You Might Not Know About

This animation by the National Astronomy and Ionosphere Center shows a beautiful view of the past 30 years of asteroid discoveries, using data culled by Ted Bowell et al.
As time passes, asteroid are highlighted white and then colored by how closely it comes it comes to our inner solar system. Earth crossers are red, Earth approachers are yellow, and all others are colored green.
What you get is a view of the solar system's planets and asteroids orbiting the sun and these sparkles in sky. As automated sky scanning systems come online in the 1990s, we see waves of discoveries. Then starting at the beginning of 2010, we see a discovery pattern as a result of the Wide-field Infrared Survey Explorer, which has been tasked with mapping all infrared light in the sky.
Watch the full video below.

[Thanks, Cay]