Hacker News new | past | comments | ask | show | jobs | submit login
Dynamic Periodic Table (2017) (ptable.com)
81 points by mishftw 26 days ago | hide | past | web | favorite | 21 comments

I'm currently rebuilding this from the ground up mostly to replace my handmade animations with CSS transitions. Both the old and new were built with no JS frameworks or libraries and the one you're looking at does well in IE6, to give you an idea of how long ago it was refreshed.

There are a couple of very strange usability problems with the overlay, it seems to fade out while dragging the edges and clicking on the things inside the iframe leave you floating in a wikipedia page that you can't go back to the original content from easily. Also dragging the overlay in circle maximises it which was a surprise!

Good luck redoing this in CSS!

Thanks for making this! It was widely recommended in my chemistry class last year, and the orbitals table especially came in handy.

I like this resource for learning about the elements, esp. the drill-down, which makes it fast to go back-and-forth. Also the "Wide" view is cool - I don't remember how long it took me initially to realize that the lanthanide / actinide rows actually belong in the middle of the other ones. :)

This one is much prettier and no ads: http://www.rsc.org/periodic-table

It is also much less useful, requiring you to hover over an element to get any information, including the name of the element.

Be sure to try out Ptable's other tabs. One allows visualizing trends in 20 properties, another does the same for 4000 isotopes, and the final allows mixing of elements to discover 40,000 compounds.

These are both very nice. I like the "visual elements"-option to help remembering the elements and their occurrences.

The other version has a 3D-model and localization instead. Also neat.

I just recently discovered the Table of Nuclides [1].

[1] https://en.wikipedia.org/wiki/Table_of_nuclides

The first link is available by clicking Wide in the top right on Ptable. The second is available by clicking the Orbitals tab on Ptable.

I saw this first back in school in 2013 and was instantly blown away. It was like the perodic table came to life. Perhaps this is one of the influences that eventually led me to become a software dev

This brings me a lot of joy. Despite it being poorly-organized function soup, I hope being able to view a framework-free source was valuable to you. I learned most of what I knew from viewing source way back in the mid-nineties and that's a lot of the reason I chose not to obfuscate it in production so others could do the same.

and not a chemist? :)

I was awestruck by the tool web "app" and not the stuff that it covered. I am just as impressed today as I was years ago by looking at the different interactions.

I took a chemistry class back in 2012 or 2013 and used this a lot :) It's been around for longer than 2017, as the title may imply.

Nice resource, I personally found it very handy during Gen Chem (especially the orbital listings for each element)!

Very nice. This is how a cheat sheet, er, reference should be.

Good old useful page with a single banner ad. Takes me back.

Actually a point of pride for me that I've never attempted to put more than a single ad, never allowed pop-unders, fly-outs, etc., and don't bother or block ad-blockers.

I've been using it for over a year. Great resource.

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