Randy Krum
President of InfoNewt.
Data Visualization and Infographic Design

Infographic Design

Infographics Design | Presentations
Consulting | Data Visualizations

DFW DataViz Meetup

Join the DFW Data Visualization and Infographics Meetup Group if you're in the Dallas/Fort Worth area!

Search the Cool Infographics site

Custom Search




The Cool Infographics® Gallery:

How to add the
Cool Infographics button to your:

Cool Infographics iOS icon

- iPhone
- iPad
- iPod Touch


Read on Flipboard for iPad and iPhone

Featured in the Tech & Science category

Flipboard icon

Twitter Feed
From the Bookstore

Caffeine Poster

The Caffeine Poster infographic

« How Will You Manage? [video] | Main | Caffeine and Calories »

Circular Browser Statistics using Axiis

Michael VanDaniker posted this Historical Browser Statistics visual as part of the launch of Axiis, including the detail about what it took to develop this visual.  At its root, this is a timeline that starts at the center (January 2002) and works outward to the outer ring that represents the most recent time slice (August 2009).  Each ring is a stacked bar showing the portion of browser usage.

Each of the concentric rings are essentially pie charts showing the percentage of visitors using each browser for a particular time slice, starting with January 2002 in the center and working out to August 2009.  The numbers on W3schools.com don’t quite add up to 100% because they don’t report on browsers that make up less than 0.5% of their visitors.  This results in a gap at the end of each ring.

I don’t know much about Axiis (yet…), but its a new, open source framework for data visualizations.

Thanks to Les (@lesjames on Twitter) for the link!

PrintView Printer Friendly Version

EmailEmail Article to Friend

Reader Comments (6)

Is it just me or does the orange color representing Firefox make this graph look just like the Firefox logo???

January 28, 2010 | Unregistered CommenterFirefox Fan

It's not just you. It does seem to resemble the Firefox logo.

January 28, 2010 | Registered CommenterRandy

Looking at any one bar I can't really tell:
A) what the date is because there is no "pattern". all months are included for 2008 and 2009 but that is not true for 2002-2007.
B) what percentage of the (incomplete) circle that bar represents.

Sure, I can mouse over the interactive version and find these two pieces of data. But looking from a macro perspective, how am I supposed to pick which bars I want to mouse over in the first place?

January 28, 2010 | Unregistered CommenterMarty

There are some pretty big problems with the applicability of the chosen charting method to the data, eg. 25% of the outer ring is considerably bigger than 25% of the inner ring; it grossly exaggerates the rate of change. Also W3C schools isn't a great place to look for browser stats because their sample is based on visitors to their own site so is skewed towards the webdev communityfurther exaggerating the speed of Firefox's growth.

That said, axiis looks like it might be a nice toolkit as always the quality/ relevance of the visualisation is in the hands of the designer rather than the tools used.

February 1, 2010 | Unregistered CommenterTom P

The one who built this graphic is clearly a Firefox fan. Not just because of the color choice, but also because of the way he/she chose to place the other browsers in the graph. Especially MS's IE is placed without much logic:
- IE 4 is on one side of the circle, the other IE versions on the other side
- IE 8 is not placed after IE 7 (to have 5, 6, 7, 8 in order), but before IE 6
These things make the graph look even more like the FF logo from afar. Pretty cool, but biased.

It's nevertheless an awesome representation (better than all browser charts I've seen). I only wish the author will order the IE versions correctly in the next update.

February 2, 2010 | Unregistered CommenterZam
Good information,thanks. It would be useful to get trends over time though.
January 13, 2011 | Unregistered Commenterbrowser statistics

PostPost a New Comment

Enter your information below to add a new comment.
Author Email (optional):
Author URL (optional):
All HTML will be escaped. Hyperlinks will be created for URLs automatically.