Git vs Git

Inspired by the too-many-MV* framework choices.
I needed a quick overview comparison of multiple GitHub repos and made this widget to serve that purpose. Hope others find a use for it as well! :)

Quick Start:

Create a <div> with class name of "gvg" and attribute "data-repos" containing comma-delimited repositories. (Note: full user and repo name required)
Include jquery + javascript files.
[optional] Default widget styling can be overwritten with CSS. Inspect generated table to style.

Demo:

Feel free to inspect the table source to see the generated output to tweak.

Default Style:

<div class="gvg" data-repos="angular/angular.js,jashkenas/backbone,emberjs/ember.js,knockout/knockout"></div>

With row highlighting:

Add attribute "data-highlight" with the repo full name. Seperate with commas to highlight more rows.

<div class="gvg" data-repos="angular/angular.js,emberjs/ember.js,knockout/knockout" data-highlight="angular/angular.js,knockout/knockout"></div>

Customized "Dark" Style:

Generated CSS is prepended to <head> so overwriting the styles is possible. Table ID has default format of "gvg-ring-#". "#" starts from 0 and increments for each generated table.

<div class="gvg" data-repos="dojo/dojo,jquery/jquery,mootools/mootools-core,sstephenson/prototype,yui/yui3" style="background-color:#3E3F41;"></div>

Requires:

jQuery 1.6 and above
Major browsers, but IE 9+