vunderba
a month ago
Nice job. I'd recommend adding either a Zoom In/Out slider or Fit to Screen though - since even on a full-width browser the table cuts off.
Related: this one also has some nice visualizations that help illustrate corresponding practical applications for each element.
https://elements.wlonk.com/ElementsTable.html
And if you're ever feeling particularly masochistic, I built a slide puzzle game which randomly chooses elements and challenges you to re-arrange them by atomic number.
ACS_Solver
a month ago
Thanks, I'll see about an on-page zoom. On my 1440p the whole table fits even with the side drawer open and with my webdev inexperience I didn't even think about zoom controls other than the browser's being an option.
I love your slide puzzle too. Very cool with different hint levels, where you can have just the element symbol or the full name as well. Surely trivial for chemists but not so for me.
vunderba
a month ago
Thanks! My brother is a chemical engineer so he's about the only one who can come close to solving the puzzles. :)
Also really like how the Timeline fades out the elements to filter by year.
Hmmm... I wonder if its a HiDPI scaling thing? I tried the site on a couple browsers (Safari, Chromium) and even on a 4K monitor it only fits Hydrogen to Nitrogen.