JSFiddle - React, Tailwind, and code Playground

HTML

<pre id=O></pre>

JavaScript

function F(n){return n<(m=(t=2*(k=Math.ceil((Math.sqrt(++n)-1)/2)))*t+1)+t?n<m?n<m-t?[k,m-n-t-k]:[m-n-k,-k]:[-k,n-m-k]:[n-m-t-k,k]}

g=[],o=10;for(i=0;i<o*o*4;i++)[x,y]=F(i),g[y+o]=g[y+o]||[],g[y+o][x+o]=i;g=g.map(r=>r.map(c=>('  '+c).slice(-3))).join('\n')
O.innerHTML=g