Source for demo by George Calm. See also description.
a=document.getElementById("c");i=720;j=300;a.width=i;a.height=j;k=a.getContext("2d");k.b=k.beginPath;k.s=k.stroke;k.f=k.fill;function l(q){function e(o){for(o=parseInt(o).toString(2);o.length<4;)o="0"+o;return o}function p(o){o+="";return o.length==1?"0"+o:o}d=new Date;g=p(d.getHours());h=p(d.getMinutes());d=p(d.getSeconds());return(e(g[0])+e(g[1])+e(h[0])+e(h[1])+e(d[0])+e(d[1]))[q]=="1"} function m(q,e,p,o){b=10;e=q+e;p=b+p;k.q=k.quadraticCurveTo;k.l=k.lineTo;k.b();k.moveTo(q,b);k.l(e-10,b);k.q(e,b,e,b+10);k.l(e,p-10);k.q(e,p,e-10,p);k.l(q,p);k.l(q,b);k.s();k.fillStyle=o;k.f()} function n(){k.clearRect(0,0,i,j);m(10,i-20,j-20,"#fafafa");m(445,265,280,"#4682B4");k.fillStyle="#fff";k.t=k.fillText;k.font="22px arial";k.t("Uber Binary Clock",490,80);k.t("js1k",490,105);f={0:1,1:1,8:1,16:1};b=64;for(c=0;b<=384;b+=64)for(var q=61;q<=244;q+=61,c++)if(!f[c]){var e=b,p=q,o=c,r=l(c);k.b();k.strokeStyle="#325FA2";k.arc(e,p,28,0,Math.PI*2,true);k.s();k.fillStyle="rgb(20,80,"+o+"0)";r&&k.f()}setTimeout(n,0)}n();