It would be easier to read if each spoke kept each browser colour in the same space. It's much easier to quickly memorize and patrec spatial relationships than colour relationships. If "light blue" (FF 3.5) was in the same location on every spoke, this would be much more useful.
Paste this into your console, and it should align correctly:
var b = ["ie7","ie8","ie9","ff35","ff37","op","sa","ch"];
var rays = document.getElementsByClassName("css-chart")[0].children;
for (var i = 0; i < rays.length; i++) {
var ray = rays[i];
for (var j = 0; j < b.length; j++) {
var curr = ray.children[j];
if (curr.className != b[j]) {
ray.insertBefore(document.createElement("b"), curr);
}
}
}
It would be easier to read if each spoke kept each browser colour in the same space. It's much easier to quickly memorize and patrec spatial relationships than colour relationships. If "light blue" (FF 3.5) was in the same location on every spoke, this would be much more useful.