JSFiddle - React, Tailwind, and code Playground

by holden321

CSS

td {border:1px solid silver;width:30px;height:30px;text-align:center;vertical-align:middle;}

JavaScript

var table=$("<table/>").appendTo("body");
var size=3; // SIZE should be odd for a better view
size=size%2?size:size+1; // just in case you're disobedient
var center=Math.floor(size/2);
for(var y=0;y<size;y++) {
    var tr=$("<tr/>").appendTo(table);
    for(var x=0;x<size;x++)
    {
        // CALCULATION HERE
        var angle=Math.atan2(center-y,center-x);
        angle+=Math.PI*3/2;
        angle=angle%(Math.PI*2);
        angle*=100/(Math.PI*2);
        
        angle=Math.round(angle);
        
        if(x==center&&y==center) angle='&nbsp;';
        $("<td>"+angle+"</td>").appendTo(tr);
    }
}