Punch card GitHub-inspired punch card for Angular

Example usage:

var app = angular.module("app", ["punchCard", "ngRoute"]);
app.config(function ($routeProvider) {
    $routeProvider.when("/", {
        controller: "IndexController",
        template: '<div punch-card data="punchCardData" singular="statement" plural="statemets"></div>'
    });
});

app.controller("IndexController", function ($scope) {
    $scope.punchCardData = [
        [12, 17, 10, 20, 0, 12, 12, 12, 12, 20, 12, 10],
        [1,  2,  3,  4,  5, 6,  7,  8,  9,  10, 11, 12],
        [10, 30, 0,  0,  0, 0,  0,  0,  0,  0,  0,  20, 0, 0, 0, 24],
        [],
        [3, 10],
        [],
        [0, 0, 0, 0, 0, 0, 0, 9, 0, 0, 0, 0, 0, 10, 12, 14, 20, 10, 3]
    ];
});