4 ms·

Interactive Periodic Table

108 points by solarized 5y ago

solarized 5y ago
I liked Compounds features so much. Playing alchemy for a real.
lahoda-xyz 5y ago
human universe is not so hot. please log scale toward smaller values.
- gus_massa 5y ago
  I'm not sure if using a log scale is the best choice, because it will give too much space to the neighborhood of 0K, and I guess people is more interested in the 0°C 100°C range (or -50°C -200°C range?). Perhaps a scale like x^(1/2) or other exponent would be better.
- jacksonkmarley 5y ago
  definitely hard to get to STP or thereabouts with fat fingers and small phone screen.
sandruso 5y ago
This thing could be so helpful during my chemistry classes. We need more of this. Great job! I also like how you can select isotopes in Isotopes tab in Z-axis.
shadilay 5y ago
For some reason no one has done a periodic table showing trends in periodicity, weight, size, electronegativity etc.
- Lucent 5y ago
  Select any property to see trends visualized in color. Select the color boxes next to Minimum/Maximum to customize those colors.
  - shadilay 5y ago
    Nice work! If you added tables for common cations, polyatomic anions, acids and solvation rules it would cover most of my gen chem memory items.
Lucent 5y ago
This is mine. I spent quarantine greatly upgrading it from its previous design from roughly 2007 (old.ptable.com) which itself was a great upgrade to how it looked in 1997 (https://web.archive.org/web/19990208231647/http://www.dayah.com/periodic/ https://web.archive.org/web/19990208231647/http://www.dayah....). It uses no frameworks or libraries and has a payload size of ~64K if you use an ad/tracker blocker, and that includes all the property data and WebGL orbitals rendered from the Schrodinger equation on the Electrons tab. Fully keyboard accessible with arrows/tabs. One controversial feature is fit-to-window that uses some elaborate CSS math (no JS) to keep the size fixed as you switch from topbar to sidebar or turn Wide on/off. A lot of functionality is hidden, which is why I have the 100-second demo video: https://ptable.com/demo https://ptable.com/demo. Would love to hear impressions or feedback as staring at it for months has blinded me to first impressions/annoyances.
- jacksonkmarley 5y ago
  Android -> Does cool stuff in chrome, does nothing in edge.
  - Lucent 5y ago
    I believe the non-beta Android Edge still uses EdgeHTML which doesn't support optional chaining and I abandoned support for as it's now 0.08% of my users. Try out the beta?
    - jacksonkmarley 5y ago
      haha, nah easier to just use it on chrome, I only have both so I can stay logged-in to different accounts without hassles. Although I think edge performed marginally better on my low spec phone when I tested it at one point.
- tdy721 5y ago
  Good work! This has been my go to for a long time. Like early oughts. Only thing I can think to ask for is a table of the isotopes!
marto1 5y ago
Wow. Super cool. I really liked the temperature slider.
oleganza 5y ago
Check out also a beautiful periodic table constructor from Moscow that won IF design award: https://periodic.artlebedev.ru https://periodic.artlebedev.ru (About the project: https://www.artlebedev.com/mendeleev-table/ https://www.artlebedev.com/mendeleev-table/)
krylon 5y ago
This is really, really cool! Wish I had had this back in chemistry class.
eankeen 5y ago
This is absolutely one of my favorite sites - especially since the responsive design update. The isotope search is absolutely gorgeous, along with the new format, in general. I may be a bit biased though, since it was this website that got me into web development and serious programming in general. (At that time, ptable wasn't responsive and I wanted to create a different periodic table site that had that feature). I'm glad ptable is being featured here - while I was at college I was surprised to find that not a significant majority of people knew about the site. Even for high school chemistry, it's orders of magnitude easier to use compared to the textbook or online ad-hoc element search queries.

108 points by solarized 5y ago

solarized 5y ago

I liked Compounds features so much. Playing alchemy for a real.

lahoda-xyz 5y ago

human universe is not so hot. please log scale toward smaller values.

gus_massa 5y ago
I'm not sure if using a log scale is the best choice, because it will give too much space to the neighborhood of 0K, and I guess people is more interested in the 0°C 100°C range (or -50°C -200°C range?). Perhaps a scale like x^(1/2) or other exponent would be better.
jacksonkmarley 5y ago
definitely hard to get to STP or thereabouts with fat fingers and small phone screen.

sandruso 5y ago

This thing could be so helpful during my chemistry classes. We need more of this. Great job! I also like how you can select isotopes in Isotopes tab in Z-axis.

shadilay 5y ago

For some reason no one has done a periodic table showing trends in periodicity, weight, size, electronegativity etc.

Lucent 5y ago
Select any property to see trends visualized in color. Select the color boxes next to Minimum/Maximum to customize those colors.
- shadilay 5y ago
  Nice work! If you added tables for common cations, polyatomic anions, acids and solvation rules it would cover most of my gen chem memory items.

Lucent 5y ago

This is mine. I spent quarantine greatly upgrading it from its previous design from roughly 2007 (old.ptable.com) which itself was a great upgrade to how it looked in 1997 (https://web.archive.org/web/19990208231647/http://www.dayah.com/periodic/ https://web.archive.org/web/19990208231647/http://www.dayah....). It uses no frameworks or libraries and has a payload size of ~64K if you use an ad/tracker blocker, and that includes all the property data and WebGL orbitals rendered from the Schrodinger equation on the Electrons tab. Fully keyboard accessible with arrows/tabs. One controversial feature is fit-to-window that uses some elaborate CSS math (no JS) to keep the size fixed as you switch from topbar to sidebar or turn Wide on/off. A lot of functionality is hidden, which is why I have the 100-second demo video: https://ptable.com/demo https://ptable.com/demo. Would love to hear impressions or feedback as staring at it for months has blinded me to first impressions/annoyances.

jacksonkmarley 5y ago
Android -> Does cool stuff in chrome, does nothing in edge.
- Lucent 5y ago
  I believe the non-beta Android Edge still uses EdgeHTML which doesn't support optional chaining and I abandoned support for as it's now 0.08% of my users. Try out the beta?
  - jacksonkmarley 5y ago
    haha, nah easier to just use it on chrome, I only have both so I can stay logged-in to different accounts without hassles. Although I think edge performed marginally better on my low spec phone when I tested it at one point.
tdy721 5y ago
Good work! This has been my go to for a long time. Like early oughts. Only thing I can think to ask for is a table of the isotopes!

marto1 5y ago

Wow. Super cool. I really liked the temperature slider.

oleganza 5y ago

Check out also a beautiful periodic table constructor from Moscow that won IF design award: https://periodic.artlebedev.ru https://periodic.artlebedev.ru (About the project: https://www.artlebedev.com/mendeleev-table/ https://www.artlebedev.com/mendeleev-table/)

krylon 5y ago

This is really, really cool! Wish I had had this back in chemistry class.

eankeen 5y ago

This is absolutely one of my favorite sites - especially since the responsive design update. The isotope search is absolutely gorgeous, along with the new format, in general. I may be a bit biased though, since it was this website that got me into web development and serious programming in general. (At that time, ptable wasn't responsive and I wanted to create a different periodic table site that had that feature). I'm glad ptable is being featured here - while I was at college I was surprised to find that not a significant majority of people knew about the site. Even for high school chemistry, it's orders of magnitude easier to use compared to the textbook or online ad-hoc element search queries.