1. You seem to be pushing a lot of history entries (as in `window.history`) when opening the Wikipedia pages, but they end up empty when you close the popup so browser back/forward is broken.
2. In my 2560x1440 (`document.body.clientWidth/Height` of 2031x779) the periodic table is higher than the body, which adds a vertical scroll. Not sure if this is intentional, but would be nice if the periodic table was fully contained in the viewport.
3. Related to (2), since the body is taller than my viewport, the Wikipedia popup is overflowing off my viewport, which adds even more scrollbars and I can't properly see the bottom part of the Wikipedia page.
4. There is some right margin somewhere that is adding horizontal scroll (Firefox Windows)
For (2) and (3) you might wanna use viewport units (`vh`, `vw`, `vmin`).
Sadly, currently thsts not something currently implemented, but hope he enjoys visualizing different elemental properties, and playing around with it anyways !
(1) The RSC's table is far more aesthetically interesting. Some people might dislike this, but I feel it's often quite intriguing and can shed light as to the uses of the elements.
(2) The RSC's table presents its own information and doesn't just link to Wikipedia. It can be tough to sort through information on Wikipedia; the information on the RSC's table is easier to read at a glance.
Some feedback that I hope is useful:
1. You seem to be pushing a lot of history entries (as in `window.history`) when opening the Wikipedia pages, but they end up empty when you close the popup so browser back/forward is broken.
2. In my 2560x1440 (`document.body.clientWidth/Height` of 2031x779) the periodic table is higher than the body, which adds a vertical scroll. Not sure if this is intentional, but would be nice if the periodic table was fully contained in the viewport.
3. Related to (2), since the body is taller than my viewport, the Wikipedia popup is overflowing off my viewport, which adds even more scrollbars and I can't properly see the bottom part of the Wikipedia page.
4. There is some right margin somewhere that is adding horizontal scroll (Firefox Windows)
For (2) and (3) you might wanna use viewport units (`vh`, `vw`, `vmin`).
If it's possible to set the default language for the wiki popups to something other than English, I'm showing this to my oldest kid tonight!
Showing 'Cu' as name for einsteiniem, 'Cr' for copper, etc. (after enabling valence electrons).
Both seem to be useful references.
That aside, it's cool and useful, but I prefer the RSC's periodic table -- at https://www.rsc.org/periodic-table -- for two reasons:
(1) The RSC's table is far more aesthetically interesting. Some people might dislike this, but I feel it's often quite intriguing and can shed light as to the uses of the elements.
(2) The RSC's table presents its own information and doesn't just link to Wikipedia. It can be tough to sort through information on Wikipedia; the information on the RSC's table is easier to read at a glance.
Secondly, have you tried the elemental properties options ?
Most of the fun on the site is visualizing different elemental properties, and I've added quite the collection of properties to show.