Hacker Newsnew | past | comments | ask | show | jobs | submit | nadermx's commentslogin


Fiddlesticks. Seems I had a misconfiguration the email relay. This should be fixed and verification emails sent out.

Appreciate this, also put in another link in the footer to "Report an Error" just in-case it does become a reference source. No factor of safety in the periodic table of elements.


...and then he (me) cites <https://en.wikipedia.org/wiki/Diamond>, first paragraph.

Thanks for responding well — a neat tool.

As second suggestion: this probably looks great on a cell phone, but on a 50" display you've got tons more space for additional elemental facts/tidbits. Perhaps detect monitor size, then keep simple for phones?

This could additional put the lanthomides into their correct placement (if window widened enough) [0].

[0] <https://xkcd.com/2913/>


Added something, check now?


I'm not sure what you dun'did, but you made it worse (visually).

[•] <https://i.imgur.com/aAnz6w1.png>

Wasn't so cluttered before — the elements were squares (not tallcats). Silver's typo remains.


[•] <https://i.imgur.com/byGGVjd.png>

Much prettier. Could easily have larger pop-ups (entire point is to get information on elements, no?) <https://i.imgur.com/IVx5MY5.png>

Heck, even have a link to Wikipedia articles (why not?). You're obviously in the enjoyment of information sharing =D

You also have plenty of space for an example element (e.g. describe what each line represents e.g.g: density, atomic mass, proton/element #). The map's "key" if you will... not everybody knows these standardized chemnerd properties (you can then also remove the 120+ "RT" by simply placing in example element @STP, with a link to what that means, too).

Just feedback from a fellow dork am.chem.


Thanks for all the feedback. Added in all your suggestions


I like that you've chosen to use an actual element for the example / explainer.

To streamline the UI, might I suggest replacing example element (copper) with just the explainers, next to hydrogen [2]... using that elements information (without adding a free-floating copper).

If that doesn't make sense, let me know.

Thanks for being a responsive educator.

[2] perhaps use Beryllium for your example/explainer -- because then you can explain the electron orbitals too ..?

----

Replace the topbar (color==atomic class) location to between Group II & III elements (e.g. whitespace between Be B); does not need to be explained on example element text.


check now. And thanks, appreciate the praise, was fun making this thing.


Bruhhh this came out so nice for'real:

>> <https://i.imgur.com/hswLkAt.png>

Beryllium finally has a use (as explanatory element)! The American Chemical Society rejoices...

----

Text to add:

>Electron configuration

>Density (with units)

>State of matter @STP (cannot remember?! something like 27°C at one atmosphere — embarassed to not remember, I used to teach this stuff!)

----

Lastly, your current webpage title/header is:

>>Interactive Table | Periodic Table of Elements

When I go to bookmark I reduce this to

>Periodic Table of Elements .org (quick reference)

Be the Referenced namesake to which you've already expressed desire.


I tried playing with making the elements a bit more full but then it feels too cluttered. So I think the tool tip is good for now till maybe I figure out a way to add other stuff into it but not feel to cluttered.

I updated the Title to show the .org, but also in the mean time picked up https://periodictableofelements.com so working on that as well to make one the educational and the other to support any costs it might ever have and for any traffic leak I guess.


added


You've added something that dims elements in years before they were officially discovered; but this is not “what the periodic table looked like at the time”. When I was a child, the periodic table had element names hahnium and kurchatovium on it. This is probably not easy to implement because many elements had multiple names between the US and USSR and they were not internationally standardized until 1997 (long after the fall of the USSR).



Made the moible X 36px now, so easier to close. And removed uses and fun fact clues that gave away answers, replaced with density, melting point, electronegativity, and group number


Fixed the Safari bug, replaced CSS transform-origin (broken in Safari on SVG) with native SVG animateTransform which works everywhere.

Also, you can now drag the "Year" slider on the main table to see how the periodic table looked at any point in history. Undiscovered elements fade to near-invisible. Ancient elements (no known discovery date) stay visible.


Fixed, scrolling no longer triggers tooltips


thanks, fixed, first tap now shows the popup, second tap goes to the full page.


Tooltip positioning is poor. Also colours are hard to distinguish and layout of table could be better in mobile.


okay, tried a few more things, lmk


Added, hover/tap any element now shows oxidation states, ionization energy, discovery info, and more; thanks for the suggestion


Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: