Dynamic Periodic Table (2017) (opens in new tab)

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.

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? :)

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.

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.

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.