PERIOD1K

February 2016 - February 2019

A periodic table of chemical elements, including a ton of information in just 1kb, made with innovati and subzey for JS1k 2016, 2017 and 2019.

The demo had multiple revisions and bonuses available in the Github repo

- 2016 demo

- 2016 commented source code

---

- 2017 demo

- 2017 commented source code

- 2017 making-of

---

- 2019 Github

- 2019 demo

- 2019 commented source code

- 2019 making-of

i=j=0,"H9xc#He3yk#Li0zmBe1y9B8w5C9sdNqt#Op8#F2qg#Ne3mm#Na0nbMg1jvAl7k6Si8g5P9h1ScyCl2f9#Ar3kn#K0b6Ca16sSc6d8Tie7VfmCrbgMnciFe7xCo9dNi1lCu7zZn75yGaawGe8bvAsb4Se9f9Br2aq~Kr3eg#Rb0bzSr1auY67bZr6mNb47Mo5jTc@3vRu5jRh3jPd66Ag33Cd78lIn86SnbvSb8d8TemcI2daXe3id#Cs0frBa1kxLa4i7CeegPr9jNdboPm@6fSmegEubsGdjdTbgxDyjqHojdEriqTmg9Yb5vLu43Hf66rTa6hW7eRe6vOsaxIr9cPta6Au8bHg7b9~TleoPbfeBid8Po@64At@21tRn@3s4Fr@0nsRa@1p1Ac@5kpThriPa@hmUtxNp@k3Pu@wgAmmkCmqlBkjhCfniEsj6Fmq0MdloNohcLrtqRf6peDbl3SgmbBhcfHsotMtkiDslrRghfCn7ioNhedFlflMc8hLvci\ Ts287Og313#Z".replace(/(..*?)(@)?(\d)?(..)(#)?(~)?(?=[A-Z])/g,(e,d,a,n,r,o,l)=>{b.innerHTML+=`<center style='font:1vw/5% arial;width:3.5%;padding:.6%.5%;position:absolute;margin:${4.4*~~(j/18)+1}%${j%18*5+4}vw;border:2px ${a?"dashed":i>93?"dotted":"solid"};background:hsl(${n?t=35*n:t},50%,${i>107^i!=111?65:75}%'>${i+1} ${o?"G":l?"L":"S"}<h2>${d}</h2>`+((parseInt(r,36)+256*i-(68<i?570:1100))/100).toFixed(2)+["83121"[i]]+"* "[42!=i^60!=i^83>i],j+=1|{0:17,3:11,11:11,56:54,88:54,70:-67,102:-67}[i++]})

---