information aesthetics.
[html5readiness.com] is a relatively simple but cute data dashboard, completely created with , which tracks how much support exists for each new HTML/CSS feature. Its circular, sun ray-like design is based on an existing infographic about .
The different browsers are grouped into color schemes based on their underlying rendering engine: all Firefox versions are shades of blue, Chrome/Safari - yellow, IE - pink. Each ray also has a different background color if it is a CSS3 feature. Each browser is represented with a tile on the bar and with an equal width of space. As a result, if a single bar is full, that specific feature has universal support among all the 8 browsers.
Published with 
Content protected by 
Designed and Maintained by 
Time and Date follows Time Zone (Brussels)
Nice idea, but bad design from an information viewpoint. It's difficult to get an overview of the different features, since you have to brush each bar in order to see which feature it represents. Also, since the colors gravitate to the center instead of having their own "orbit", it is difficult to follow how HTML5-ready each browser is.
This would have been way more readable as a matrix.ce idea, but bad design from an information viewpoint. It's difficult to get an overview of the different features, since you have to brush each bar in order to see which feature it represents. Also, since the colors gravitate to the center instead of having their own "orbit", it is difficult to follow how HTML5-ready each browser is.
This would have been way more readable as a matrix.
Chrome is ahead of the game when it comes to HTML5 and CSS3 support but Firefox 4 is just around the corner. Go Mozilla!
The graph design clearly show the nightmares that developers are going to have. And I can see this info-graph on my browser but it's slow as hell, so if something is supported doesn't mean that it really works.
I like being able to see the browser capabilities increase over the years.
The design is fine but there should be overlays on the nodes as you mouse over them so you don't have to match the color to the browser.