A couple of years ago, when you thought about online interactive maps, what came to your mind? Lots of yellow. Online maps are looking a lot different these days though, and Stamen Design has played a big role in making that happen. In their most recently released project, they offer three tile sets to use with OpenStreetMap data, and they look really good.

All three are something to see, but the watercolor tiles will knock your socks off. They’re computer-generated, but they look hand-drawn by a skilled artist slash cartographer (which is really what the Stamen folks are).

For the MIT Sloan Sports Analytics Conference a few weeks ago, Stanford biomechanical engineering student and Ayasdi analyst Muthu Alagappan presented his work on redefining basketball positions.

After studying players like LeBron James and Blake Griffin, many analysts are now suggesting that there are new positions, which are simply hybrids of the one’s we already had. For example, some players are now labeled “point-forwards” or “combo-guards.” But what if we were wrong about our initial five positions. Maybe a “Center” is just a label for people over a certain height, and there are actually three different types of big men in the NBA.

An analysis, done with data exploration tool Ayasdi Iris, provided 13 possible positions, as shown above. Nodes and edges are colored by points per minute on a blue (low) to red (high) scale.

So for example, those typically classified as centers or power forwards are classified as scoring rebounders, paint protectors, and scoring paint protectors. Dirk Nowitzki might be considered a scoring rebounder, whereas Joakim Noah is a paint protector.

The point? Hopefully teams can use this information to make better decisions about who to trade and draft. Of course, I’m sure scouts know about these fuzzy positions already, so I think the next step is to look at what positions the best teams have and had, and more importantly, how a “one-of-a-kind” player can change everything.

Fathom Information Design, in collaboration with GE, visualizes GE annual reports from 1892 to 2011. It doesn’t sound so interesting at first, but browse the appearance of keywords, and you do get a sense of change.

We’ve scanned 6,000 pages of GE’s annual reports to build this interactive visualization. But why? What’s the point? Not only does this provide a rich history of how GE has always been at work building, moving, powering and curing the world, but it is a true reflection of how the economy, U.S. and the world as a whole has progressed from 1892 until 2011. By diving deep into key terms, users can uncover interesting stories about innovation over the last century.

Each column represents an annual report, and each little square represents a page. Select a keyword, and pages that use that word are highlighted. Finally, you can actually read each page of the report by clicking on a column. It expands.

Update: Fathom provides background on what you can glean from the interactive.

Carbon output. We want to reduce it, but some countries have a longer way to go than others. Pitch Interactive shows progress (or non-progress) by country in this interactive for the Climate Institute. Three indices are shown along with an overall score, which is a composite of the three, and countries are sorted by the average score from 1995 to 2008. Higher scores are better.

The interaction makes this graphic. When you switch between indices, the countries are sorted appropriately and the time series for each country are drawn. You can also click on a country to get a closer view, which albeit is only four data points per country and index, but it’s still useful.

The lines for each country get thicker from left to right, which was to provide a sense of progress, but I wonder if it would be worthwhile to use thickness to represent an increase or decrease from the previous year. Then again, that’s easy enough to see already, so maybe not.

UC San Diego student Cyrus Kiani animates 5,930 front pages from The Hawaiian Star, from 1893 to 1912. Pretty much everything on the page gets bigger — the columns, headers, and pictures — while the physical size of the page stays the same. Too bad it only goes up to 1912. It would’ve been fun to see the birth of the giant front page photo.

(I thought I saw something like this done for The New York Times front page or online homepage, but I can’t find it.)

Remember Bret Victor’s live coding talk from last month? He presented an example where he would edit code on one side, and the corresponding visual would automatically update on the other side. It was instant feedback that could help in learning code. Gabriel Florit implemented the idea with D3, and it’s called water. Edit on the right and the diagram updates on the left. Try clicking on a number and then holding down the Alt key (or option on the Mac) for slider goodness.

Also, check out Daniel Hooper’s interactive JavaScript editor, CodeBook. It’s the same idea but a slightly different implementation.

[via Waxy]

Big History is a field of study that crosses multiple disciplines such as biology, natural history, and economics to form a single timeline that starts at the beginning of time and ends in the present. It’s the history of everything, essentially. ChronoZoom, a collaboration between UC Berkeley, Moscow State University, and Microsoft Research, aims to visualize this seemingly endless timeline.

You can browse years on top, and rectangles in the main view represent different scopes such as the Cosmos and Earth and the Solar System. Click on one those rectangles, and ChronoZoom, as you might guess, zooms in on the corresponding window of time. Circles within the rectangles provide videos and explanations for significant events in history.

To get right into it though, move your mouse to the top right. There’s a thing that looks like a bar graph, which is actually navigation for the scopes. Click on Humanity and watch it go.

My many thanks to the sponsors. FlowingData wouldn’t be around without them. Check ’em out. They help you make sense of data.

Column Five Media — Whether you are a startup that is just beginning to get the word out about your product, or a Fortune 500 company looking to be more social, they can help you create exciting visual content – and then ensure that people actually see it.

InstantAtlas — Enables information analysts and researchers to create highly-interactive online reporting solutions that combine statistics and map data to improve data visualization, enhance communication, and engage people in more informed decision making.

Tableau Software — Helps people see and understand data. Ranked by Gartner in 2011 as the world’s fastest growing business intelligence company, Tableau helps anyone quickly and easily analyze, visualize and share information.

Periscopic — A socially conscious data visualization firm that specializes in using technology to help companies and organizations facilitate information transparency and public awareness. They do good with data.

Want to sponsor FlowingData? Send interest to [email protected] for more details.

With NCAA March Madness in full swing, the basketball graphics are out in full force. This one by Angi Chau, shows the probabilities of teams winning each game, and eventually the championship, based on simulated bracket rankings. Done with D3, each node represents a game and teams are circled on the outside. Roll over a team, and get all the probabilities for that team going to the end or roll over a game to see the probability of teams winning that game. Sorry, Colorado. You have a 0% chance of winning it all. You, too, Vermont.

Hopefully, Chau keeps updating throughout the tournament. And maybe some color-coding to indicate probabilities would be useful here. Now excuse me while I go place some educated bets. (One million on Colorado.)

Celebrating their 100th birthday, Oreo depicts moments in history with the ever popular cookie of nostalgia and milk dunking. This one showing the first step on the moon is the best. Prohibition comes in a close second. [via]

From Gizmodo, this shows battery size in the new iPad versus that of the iPad 2. The battery in the former is 70 percent bigger than that of the latter. Something’s not right here.

[Thanks, David]