Periodic Table

Interactive Periodic Table

Click any element for its atomic weight, electron configuration, electron shell diagram, oxidation states, density, and melting point. Search by name, symbol, or number, and color the table by category, block, or state.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
1
2
3
4
5
6
7
Lanthanides *
Actinides **
Alkali MetalAlkaline Earth MetalTransition MetalPost-Transition MetalMetalloidNonmetalHalogenNoble GasLanthanideActinideUnknown

Description

The periodic table arranges all known elements by atomic number, electron configuration, and recurring chemical properties. Elements in the same group (column) share similar chemical behavior.

How to use

Click any element cell to open its full properties, including a Bohr-style electron shell diagram. Type in the search box to highlight matching elements. Switch the color mode to view the table by element category, by orbital block (s, p, d, f), or by state at room temperature. Try the Temperature mode: drag the slider to watch elements melt and boil as the temperature rises. In Heatmap mode, color every cell by a numeric property such as electronegativity or boiling point. Hovering an element highlights its group and period. Lanthanides and actinides are shown below the main table, with the 57–71 and 89–103 markers showing where they belong.

Learn more

What it does

The Interactive Periodic Table displays all 118 elements with their key properties. Click any element to see its atomic weight, electron configuration, oxidation states, density, and melting point. It serves students learning the table and researchers who need quick property lookup.

How it works

Elements are ordered by atomic number, which equals the number of protons in the nucleus, and arranged into periods (rows) and groups (columns) so that elements in the same group share similar valence-electron patterns and chemical behavior. The table is color-coded by category such as alkali metals, halogens, and noble gases. Lanthanides and actinides are placed in a separate block below the main body.

Worked example

Click carbon (atomic number 6): atomic weight 12.011, electron configuration 1s2 2s2 2p2, common oxidation states -4, +2, +4, density about 2.27 g/cm3, melting point 3550 °C. Chlorine (17) shows oxidation states -1, +1, +3, +5, +7 and is a halogen.

When to use it

Use it to look up an atomic weight before a molar mass calculation. Use it to check the typical oxidation states of an element when writing a formula. Use it to compare categories and periodicity across a row or group.

FAQ

How is the periodic table organized?
Elements are listed in order of atomic number and placed in rows called periods and columns called groups, so elements with similar chemistry sit in the same column.
What is the difference between atomic number and atomic weight?
Atomic number is the count of protons and defines the element, while atomic weight is the average mass of its atoms including isotopes, shown in g/mol for molar calculations.
Why are lanthanides and actinides shown separately?
They are the f-block elements with 14 members each; placing them under the main table keeps the layout compact while still preserving group and period order.
What do the colors in the periodic table mean?
Colors mark element categories such as alkali metals, alkaline earth metals, transition metals, metalloids, nonmetals, halogens, and noble gases, making trends easy to see.