X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/52115de0b42272dd62f54f234590ae5b4d086565..d1ddd28cfe6234991725a44aa82ee956748398f8:/browser.plp

diff --git a/browser.plp b/browser.plp
index 151daeb..0f5b704 100644
--- a/browser.plp
+++ b/browser.plp
@@ -1,5 +1,6 @@
 <(common.inc.plp)><:
 use 5.010;
+use List::Util qw(sum max);
 
 Html({
 	title => 'browser compatibility cheat sheet',
@@ -14,7 +15,9 @@ Html({
 :>
 <h1>Browser compatibility</h1>
 
-<p>Alternate view of Fyrd's <a href="http://caniuse.com/">when can I use...</a> site.</p>
+<p>Alternate view of Fyrd's <a href="http://caniuse.com/">when can I use...</a> page
+with <a href="http://stats.wikimedia.org/archive/squid_reports/">Wikimedia</a>
+browser usage statistics.</p>
 
 <:
 use JSON;
@@ -65,6 +68,12 @@ if (my ($somerow) = values %{ $caniuse->{data} }) {
 	}
 }
 
+my $canihas = do 'browser-usage.inc.pl';
+for ($! || $@ || ()) {
+	printf "<p>Browser usage data not found: <em>%s</em>.</p>\n", $_;
+}
+my $scorediv = (max(map { sum(values %$_) } values %$canihas) // 1) / 100;
+
 print '<table class="mapped">';
 print '<col>' x 3;
 printf '<colgroup span="%d">', scalar @{ $versions{$_} } for @browsers;
@@ -126,10 +135,15 @@ for my $id (sort {
 		for my $ver (@{ $versions{$browser} }, undef) {
 			unless (!defined $prev
 			or $data->{$browser}->{$prev} ~~ $data->{$browser}->{$ver}) {
-				printf '<td class="%s" colspan="%d">%s',
-					$CSTATS{ $data->{$browser}->{$prev} },
+				my $usage = sum(map { $canihas->{$browser}->{$_} } @span);
+				printf '<td class="%s" colspan="%d" title="%.1f%%">%s',
+					join(' ',
+						$CSTATS{ $data->{$browser}->{$prev} },
+						sprintf('opacity%.0f', $usage / $scorediv),
+					),
 					scalar @span,
-					join('‒', $span[0], @span > 1 ? $span[-1] : ());
+					$usage,
+					showversions(\@span),
 				undef $prev;
 				@span = ();
 			}
@@ -150,6 +164,16 @@ sub paddedver {
 	return sprintf('%02d', $1) . $2;
 }
 
+sub showversions {
+	my ($span) = @_;
+	splice @$span, 1, -1;
+	for (@$span) {
+		s/^\./0./;
+		s/x$/.*/;
+	}
+	return join('‒', @$span);
+}
+
 :>
 <hr>