Interactive Periodic Table Explorer

Color the whole table by any property to see periodic trends at a glance, slide the temperature to watch elements melt and boil, or click any element for its electron configuration, Bohr shell diagram, and full property list.

Loading interactive simulation...

Why the table has its shape 🖖

The periodic table isn't an arbitrary grid — its shape is dictated by how electrons fill up quantum shells and subshells. Each row (period) corresponds to a new outer electron shell being filled, and each column (group) collects elements whose outermost shell has the same number of electrons. Because chemical behaviour is governed almost entirely by those outer (valence) electrons, elements stacked in the same column behave alike: the alkali metals are all soft and violently reactive, the noble gases are all inert. The two-column s-block, six-column p-block, ten-column d-block, and fourteen-column f-block widths are exactly the 2, 6, 10, and 14 electrons that s, p, d, and f subshells can hold. Read the table as a map of electron structure and the trends stop being facts to memorize and become consequences you can predict.

Reading a trend off the colors 🖖

Switch to a property heatmap and the periodic trends jump out as color gradients. Atomic radius shrinks left-to-right across a period (the growing nuclear charge pulls the same shell inward) and grows down a group (each period adds a whole new shell). Electronegativity and ionization energy do the opposite — rising toward the top-right, peaking at fluorine and helium, because a small atom with a nearly full shell grips its electrons hardest. Once you can see one trend, you can predict the others: they all trace back to how far the outer electrons sit from the nucleus and how strongly they are held.

The table as a thermometer 🖖

The State at T mode turns the table into a thermometer. At room temperature (298 K) only two elements are liquid — mercury and bromine — and twelve are gases: the familiar eleven, plus flerovium, which the table colours from a predicted boiling point of 210 K. Above three thousand kelvin only five are left solid — carbon, tantalum, tungsten, rhenium and osmium — with tungsten melting at 3695 K. Read helium's 0.95 K with care: that is its melting point under about 25 atmospheres, because at ordinary pressure helium never freezes at all. 'Solid', 'liquid' and 'gas' are not properties of a substance but of a substance at a temperature and a pressure.

A table that predicts the future 🖖

When Dmitri Mendeleev arranged the elements in 1869 he did something audacious: he left gaps and predicted the properties of elements nobody had found yet. He described "eka-silicon" — later discovered and named germanium — down to its density, melting behaviour, and oxide formula, and did the same for gallium and scandium, years before anyone isolated them. When they turned up matching his numbers, the periodic law went from a curiosity to a law of nature. That predictive power still works: the same periodic logic guides today's hunt for superheavy elements and the theorized "island of stability" beyond the current edge of the table. The empty and gray squares aren't blanks — they're a to-do list for physics.

The element families

Coloring the table by family groups elements that behave alike. Here is what each color means.

  • Alkali metal — Soft, silvery, extremely reactive metals with one valence electron; they react vigorously with water.
  • Alkaline earth metal — Reactive metals with two valence electrons; harder and less reactive than the alkali metals.
  • Transition metal — Hard, dense metals that form colored compounds and multiple oxidation states; they fill the d-subshell.
  • Post-transition metal — Softer metals to the right of the transition block, such as aluminium, tin, and lead.
  • Metalloid — Elements along the staircase with in-between properties; silicon and germanium are the basis of semiconductors.
  • Reactive nonmetal — Reactive nonmetals including the building blocks of life — carbon, nitrogen, oxygen, phosphorus, and sulfur.
  • Halogen — Highly reactive nonmetals of group 17 that readily gain one electron to form −1 ions and salts.
  • Noble gas — Inert gases of group 18 with full outer shells; they rarely react at all.
  • Lanthanide — The 4f-block rare-earth metals, essential to magnets, lasers, and phosphors.
  • Actinide — The 5f-block metals, all radioactive, including uranium and plutonium.
  • Unknown properties — Superheavy synthetic elements whose chemical properties are predicted but not yet fully measured.

Frequently asked questions

How do you read the periodic table?

Read it left to right, top to bottom, in order of increasing atomic number (the number of protons). Each row is a period and each column is a group. Elements in the same group share the same number of outer-shell electrons and therefore behave chemically alike. An element's box shows its atomic number, symbol, and atomic mass.

What is an electron configuration?

An electron configuration lists how an atom's electrons are distributed among its shells and subshells, for example carbon is 1s² 2s² 2p². It follows the aufbau principle — electrons fill the lowest-energy subshells first. This tool shows the noble-gas shorthand configuration and a Bohr shell diagram for every element.

Why do periodic trends happen?

Because chemical behaviour is controlled by the outermost electrons and how strongly the nucleus holds them. Moving across a period adds protons without adding a new shell, so atoms get smaller and hold electrons more tightly. Moving down a group adds whole new shells, so atoms get bigger and hold their outer electrons more loosely.

What is the difference between a group and a period?

A group is a vertical column (there are 18) and a period is a horizontal row (there are 7). Groups gather elements with similar chemistry; periods track the progressive filling of a new electron shell. The number at the top of a main-group column equals the count of valence electrons.

Where are the metals and nonmetals?

Metals fill the left and center of the table — the vast majority of elements. Nonmetals cluster at the top-right, with the noble gases in the last column. A diagonal staircase of metalloids (boron, silicon, germanium, arsenic, antimony, tellurium) separates the two, showing gradually blended properties.

Which elements are liquid at room temperature?

Only two elements are liquid at 25 °C (298 K): mercury and bromine. Gallium and caesium melt just above room temperature (around 30 and 28 °C). Use the State at T mode to see how the count of solids, liquids, and gases changes as you raise or lower the temperature.

Problem solved in full

  1. Carbon at 12.011 u rebuilt from 12 C and 13 C isotopes 5 steps

    The element card gives carbon an atomic mass of 12.011 u, and no carbon atom weighs that. This is the Carbon detail state. Rebuild the figure from the two isotopes a terrestrial sample contains — 12C at 98.93% abundance, 13C at 13.00335 u and 1.07% — then work out what that 1.07% does to a molecule carrying 60 carbon atoms.

    1. Start with the unit, because one of these two masses was never measured. The unified atomic mass unit is defined as one twelfth of a 12C atom, so 12C weighs 12 u exactly, to as many decimals as you care to write. Only the 13C figure came from an experiment.

    2. The tabulated mass is an average over isotopes weighted by how many atoms of each a sample contains. Weight by mass fraction instead and you get a different, wrong number.

    3. That is the value on the card, rebuilt from two isotope masses and one abundance measurement.

    4. Now look at what the average is not. 98.93% of carbon atoms sit 0.011 u below the printed figure and the remaining 1.07% sit 0.992 u above it. The mean lands in a gap where no atom exists.

    5. Put 60 of those atoms in one molecule. The expected number of 13C is 60 × 0.0107 = 0.642, which invites the conclusion that a typical buckyball carries one heavy atom. It does not: the binomial gives 52.4% carrying none against 34.0% carrying exactly one.

    Answer

    12.011 u — a mass no carbon atom has. C60 therefore does not have a mass, it has a spectrum: 52.4% of the molecules weigh 720.000 u exactly, 34.0% weigh 721.003 u, 10.9% weigh 722.007 u, and the ladder runs on with rungs 1.00335 u apart. Multiplying 60 by 12.011 predicts 720.66 u, which is not the mass of a single molecule in the sample. Scale the same calculation up to a protein with 1000 carbon atoms and 0.98931000 = 2.1 × 10⁻⁵ of the molecules are free of 13C — 2 in 100 000, so the all-12C line has effectively vanished and the envelope is the only thing left to weigh. Every mass on this table is a statement about a population, and the larger the molecule you build, the more the population is all you can see.

References (2)

Example problems