Canvas Github-Code-Stats-Style Graph for Flask

gistfile1.html

        <canvas id="myCanvas" height="20">
    	    YOUR BROWSER IS TOO OLD
        </canvas>

        <script>

            var c=document.getElementById("myCanvas");
            var ctx=c.getContext("2d");

            var MAX = c.scrollWidth;
            var total = {{ total }}
            var entries = [{{ interface }},{{ code }}, {{ quality }}, {{ documentation }}];
            var colors = ['#FFBB33', '#33B5E5', '99CC00', '#FF4444'];
            var currentx = 0;

            for (var i = 0; i < 4; i++) {
                ctx.fillStyle=colors[i];
                var x = currentx + ((entries[i]/total) * MAX);
                ctx.fillRect(currentx,0,x,75);
                currentx = x;
            }
 
        </script>