Interactive periodic table

How it works

Each cell represents an element, positioned according to its actual row (period) and column (group) in the periodic table, with the lanthanides and actinides shown on two separate rows at the bottom, as in the classic layout. The background color indicates the element's chemical category. Click a cell to see the details of the corresponding element.

How is the periodic table organized?

Elements are ordered by increasing atomic number, in rows (periods) that correspond to the number of electron shells, and in columns (groups) that bring together elements with similar chemical properties, such as the noble gases on the far right or the alkali metals on the far left.

Why are the lanthanides and actinides placed separately?

These two series of 14 elements would normally take up space in periods 6 and 7, but by convention they are pulled out and shown below to keep the table more compact and readable, a convention used in nearly all representations of the periodic table.

All the data is embedded directly in the page and displayed locally, with no request to a server.