HTML5 SVG Periodic Table of Elements

Note: External JSON data must be loaded, so preview this on a server!

This is an animated periodic table of chemical elements implemented using SVG and the D3.js library. It lists the abbreviations and atomic weights of all chemical elements, sorted by atomic weight and element type. Compared with the periodic table you learned about in high school chemistry, this table provides a more comprehensive list of elements. Its distinctive feature is that it uses different colors and animations to distinguish elements according to their physical states. For example, gaseous elements feature gas-flow animations, making the visualization particularly vivid.