The Playing Field

As an interface designer I can’t help but be a bit of an information visualization geek.  So on this lovely Friday please enjoy a treemap of the world’s platforms, circa May 2011:


View the full size

The data shown here is from Net Applications.  This is proportional to Web usage on each platform, and not individual users.  So for instance if iOS users browse the Web more than Android users, their box becomes proportionally larger.

Also I should add the caveat that Net Applications usually reports lower numbers for Firefox market share compared to the other public data sources (and our own internal metrics), but nonetheless, this treemap sure has a lot of orange in it.

14 comments

  1. What sw or website do you use to create those nice charts, mockups etc.? Could you please recommend some freely available? Thank you for your answer.

  2. I used the treemap gadget in google spreadsheets, and then drew this mockup on a layer over the output. Microsoft Research also released a Windows application for generating treemaps years ago, but it is kind of clunky.

  3. This is nice and perfectly shows how much potential there still is, but I think “Open Platform” sounds strange for Windows. I needed to think twice before I realized what it means is “open to installation of alternative browsers” ;-)

  4. thank you good nicee I needed to think twice before I realized what it means is “open to installation of alternative browsers” ;-)

  5. What sw or website do you use to create those nice charts, mockups etc.? Could you please recommend some freely available? Thank you for your answer. ?

  6. Why are the orange boxes labeled both Firefox and HTML5, and what precisely do they represent? Does the HTML5 mean that there’s a different box for Firefox viewing HTML 4 sites? Or that all visits to HTML5 sites are lumped in, regardless of browser? Of course, none of these make sense, but I can’t think of a reason for the HTML5 label that does make sense.

    It would be more useful if other browsers were included. My initial reaction was why was Firefox listed three times, because the containment relationship isn’t visually obvious (due to inconsistent use of borders).

  7. Dominic Spitaler

    Could you release this incredibly sexy Nightly icon?

  8. I needed to think twice before I realized what it means is “open to installation of alternative browsers” ;-)

  9. This is very interesting and fabulous one for the right information.

  10. oyun oynamak için – for play ha? : )

  11. Is there more information about “The Playing Field” article ?

  12. Thank you for yor nice article..

  13. The Playing Field is interesting …