HN Explorer

11 comments

[ 4.7 ms ] story [ 41.5 ms ] thread
unwind
This is fantastic.

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!

KylleV
Sadly, currently thsts not something currently implemented, but hope he enjoys visualizing different elemental properties, and playing around with it anyways !
extraduder_ire
Reminds me of ptable.com

Both seem to be useful references.

KylleV
It was in parts inspired by p-table, just wanted to add some more properties, and some more context and supply sources to the values presented
A_D_E_P_T
There's a typo. Underneath the main table, "Nobel Metals" should be "Noble Metals."

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.

KylleV
Firstly thank you for pointing out the spelling mistake.

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.

biggerstep
Very nice. Would like for the element names to be a bit bigger.
hongtron
Neat! Will send to my wife, who's a Chem professor. Could you add support for Esc to close out the modal?
kaoD
Pretty cool!

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`).

w10-1
Not correct on safari on macOS.

Showing 'Cu' as name for einsteiniem, 'Cr' for copper, etc. (after enabling valence electrons).