JSFiddle - React, Tailwind, and code Playground
CSS
body>div{
background-color:#000;
width:56px;
height:72px;
float:left;
}
body>div>div.active{
opacity:1;
}
body>div>div{
width:4px;
height:4px;
border-radius:50%;
background-color:#0ff;
box-shadow:0 0 4px 1px #0ff;
margin:2px;
float:left;
opacity:0.2;
}
JavaScript
(function(D){
function CSet(c,a,b){a=CBox.cloneNode(true);b=63;while(b--){a.childNodes[b].className=(c[b]*1)?'active':''}return a};
function CW(a,b,c,d){b=a.length;c=D.createDocumentFragment();for(d=0;d<b;d++){c.appendChild(Ch[a[d]].cloneNode('true'))}return c};
function toggle(e,a,b){if(e.target.parentNode.className=='create'){e.target.classList.toggle('active');a=this.childNodes,b=a.length;c='';while(b--){c+=''+(a[b].classList.contains('active')?1:0)}ChEo.textContent=c}}
var Chs={
A:'000000000111000100010010001001111100100010010001001000100000000',
B:'000000001111000100010010001001111000100010010001001111000000000',
C:'000000000111000100010010000001000000100000010001000111000000000',
D:'000000001111000100010010001001000100100010010001001111000000000',
E:'000000001111100100000010000001111000100000010000001111100000000',
F:'000000001111100100000010000001111000100000010000001000000000000',
G:'000000000111000100010010000001011100100010010001000111000000000',
H:'000000001000100100010010001001111100100010010001001000100000000',
I:'000000001111100001000000100000010000001000000100001111100000000',
J:'000000000000100000010000001000000100100010010001000111000000000',
K:'000000001000100100100010100001100000101000010010001000100000000',
L:'000000001000000100000010000001000000100000010000001111100000000',
M:'000000001000100110110010101001010100100010010001001000100000000',
N:'000000001000100100010011001001010100100110010001001000100000000',
O:'000000000111000100010010001001000100100010010001000111000000000',
P:'000000001111000100010010001001111000100000010000001000000000000',
Q:'000000000111000100010010001001000100101010010011000111100000000',
R:'000000001111000100010010001001111000101000010010001000100000000',
S:'000000000111100100000010000001111000000010000001001111000000000',
T:'000000001111100001000000100000010000001000000100000010000000000',
U:'000000001000100100010010001001000100100010010001000111000000000',
...