Interactive Periodic Table: Element Inspector
Hover or click any element to instantly inspect its full technical data. Search by name, symbol, or atomic number. Filter by category. 100% client-side, no data sent anywhere.
Hover or click any element tile to inspect its data
The Complete Guide to the Periodic Table
The periodic table is the single most powerful reference tool in all of chemistry. Understanding its structure, patterns, and organization unlocks the ability to predict how elements behave and react before ever running an experiment. This guide covers everything from the basic layout to the quantum mechanics behind why the table is shaped the way it is.
How to Use This Tool
Type any element name (e.g., "calcium"), symbol (e.g., "Ca"), or atomic number (e.g., "20") into the search bar to instantly highlight matching elements and dim everything else. Click a category filter button to highlight all elements in that group. Hover over or click any element tile to populate the Inspector Panel on the left with its full technical profile: atomic mass, electron configuration, block, period, group, and standard state. The physical table structure is always preserved, so spatial relationships remain visible even when filtering.
Why the Table Has Its Shape
Dmitri Mendeleev arranged the first periodic table in 1869 by atomic mass and noticed that chemical properties repeated in a periodic pattern. The modern table is arranged by atomic number instead, which eliminated the anomalies in Mendeleev's version. The shape of the table directly reflects quantum mechanics: the s-block (Groups 1-2 and 18 for helium) fills s-orbitals; the p-block (Groups 13-18) fills p-orbitals; the d-block (Groups 3-12) fills d-orbitals; and the f-block (Lanthanides and Actinides) fills f-orbitals. Each block corresponds to a type of orbital being filled as electrons are added.
Reading Trends Across the Table
Several key properties change predictably as you move across or down the table. Atomic radius generally decreases left to right across a period (more protons pull electrons in tighter) and increases top to bottom down a group (each new period adds an electron shell). Ionization energy - the energy needed to remove an electron - generally increases left to right. Electronegativity increases left to right and decreases top to bottom. Metals sit to the left, nonmetals to the right, and metalloids form a staircase-like boundary between them.
The Lanthanide and Actinide Series
Elements 57-71 (Lanthanides) and 89-103 (Actinides) technically belong in Periods 6 and 7 between Groups 2 and 3. They are shown in a separate block below the main table only for space reasons. All Lanthanides are shiny, silvery metals with very similar chemical properties to each other because their 4f electrons are shielded from chemical interactions by outer shells. Actinides are all radioactive; only thorium and uranium occur in meaningful natural quantities. Elements beyond uranium (atomic number 92) are all synthetic and increasingly unstable.
Electron Shell Capacity Guide: The 2n2 Rule
Every electron shell has a maximum number of electrons it can hold, determined by the formula 2n2, where n is the shell number. This is one of the most tested concepts in introductory chemistry.
| Shell (n) | Name | Max Electrons (2n2) | Subshells | Example Element that fills this shell |
|---|---|---|---|---|
| 1 | K shell | 2 electrons | 1s | Helium (2 total) |
| 2 | L shell | 8 electrons | 2s, 2p | Neon (10 total) |
| 3 | M shell | 18 electrons | 3s, 3p, 3d | Argon fills 3s and 3p (18 total); 3d fills later |
| 4 | N shell | 32 electrons | 4s, 4p, 4d, 4f | Krypton fills through 4p (36 total) |
| 5 | O shell | 50 electrons | 5s, 5p, 5d, 5f, 5g* | Xenon fills through 5p (54 total) |
| 6 | P shell | 72 electrons | 6s, 6p, 6d, 6f* | Radon fills through 6p (86 total) |
| 7 | Q shell | 98 electrons | 7s, 7p, 7d* | Oganesson fills through 7p (118 total) |
* Subshells marked with an asterisk exist theoretically but are not filled by any currently known element. Important note: in practice, the order electrons fill subshells does not follow simple shell order. The 4s subshell fills before 3d, and 6s fills before 4f. The 2n2 rule describes the theoretical maximum capacity of each shell, not the order of filling. Use the Aufbau principle, Hund's rule, and the Pauli exclusion principle for filling order.