Posts tagged with

interactive

Linked Small Multiples

Small multiples are great, and the right interactions can make them even better. A primer and a how-to.

Name popularity by state, animated by year

Using baby name data from the Social Security Administration, Brian Rowe made this straightforward interactive that lets you search a name to see how its…

Graph TV shows ratings by episode

Kevin Wu made a straightforward interactive that lets you see IMDB television ratings over time, per episode and by season. Graph TV is a visualization…

Why you should buy the bigger pizza

Because you get more pizza to eat, and if you don't finish it, you'll have breakfast tomorrow. Other than that fine reason, well, it's geometrically…

A visual explanation of conditional probability

Victor Powell, who has visualized the Central Limit Theorem and Simpson's Paradox, most recently provided a visual explainer for conditional probability. Two bars, one blue…

Interactive maps with R

You can make static maps in R relatively well, if you know what packages to use and what to look for, but there isn't much…

Public transit times in major cities

Last year, WNYC made an interactive map that shows transit times in New York, based on where you clicked. Geography graduate student Andrew Hardin expanded…

Music timeline of plays and history

Two Google research groups, Big Picture and Music Intelligence, got together and made a music timeline baby. The Music Timeline shows genres of music waxing…

Cherry picking years for random sports statements

When you watch sports, it can sometimes feel like the stat guy pulls random numbers for the talking heads to ponder, and you can't help…

Where the public radio is

Andrew Filer mapped the reach of public radio stations in the United Stations, based on data from Wikipedia and the station search from the Federal…

Why traffic waves and congestion happen

You're on the freeway, traffic is moving along, and for no apparent reason everyone slows down. And eventually, for no apparent reason, traffic starts back…

Degrees of separation between athletes from different sports

You've probably heard of the six degrees of Kevin Bacon. The idea is that you can name any actor and trace back to Kevin Bacon…

Planet and moon resizer

It can be difficult to imagine the scale of planets and moons, because (1) they're really big and (2) they're far away. From where we…

Putting today into perspective

When you focus on all the small events and decisions that happen throughout a single day, those 24 hours can seem like an eternity. Graphic…

An experimental map service using 3-D data

For the past few months, Stamen Design has been working with 3-D data from Nokia's Here. Something pretty came out of the experiment. For your…

Interactive: Common chord progressions in 1,300 songs

If you listen to the radio long enough, you've probably noticed that many songs sound similar or remind of you of a song you've heard…

A dissection of movie trailers

Shan Carter, Amanda Cox, and Mike Bostock for The New York Times, analyzed movie trailers for five best picture nominees. The horizontal axis represents time…

State of the Union address decreasing reading level

With the State of the Union address tonight, The Guardian plotted the Flesh-Kincaid grade levels for past addresses. Each circle represents a state of the…

A visual exploration of US gun murders

Information visualization firm Periscopic just published a thoughtful interactive piece on gun murders in the United States, in 2010. It starts with the individuals: when…

Baseball Hall of Fame voting trajectories

Carlos Scheidegger and Kenny Shirley, along with Chris Volinsky, visualized Major League Baseball Hall of Fame voting, from the first class in 1936 (which included…

Billionaires of the world ranked and charted

How wealthy are the richest people in the world? How do they compare to each other, and how does their net worth change over time?…

How to Animate Transitions Between Multiple Charts

Animated transitioning between chart types can add depth to your data display. Find out how to achieve this effect using JavaScript and D3.js.