Interactive Periodic Table & Trends Visualizer

Explore the building blocks of the universe. Visualize periodic trends, manipulate 3D electron shells, and predict reactions with our Compound Builder. The ultimate free resource for students and chemists.

diatomic nonmetal
noble gas
alkali metal
alkaline earth metal
metalloid
polyatomic nonmetal
post-transition metal
transition metal
lanthanide
actinide
unknown
1H
2He
3Li
4Be
5B
6C
7N
8O
9F
10Ne
11Na
12Mg
13Al
14Si
15P
16S
17Cl
18Ar
19K
20Ca
21Sc
22Ti
23V
24Cr
25Mn
26Fe
27Co
28Ni
29Cu
30Zn
31Ga
32Ge
33As
34Se
35Br
36Kr
37Rb
38Sr
39Y
40Zr
41Nb
42Mo
43Tc
44Ru
45Rh
46Pd
47Ag
48Cd
49In
50Sn
51Sb
52Te
53I
54Xe
55Cs
56Ba
57La
58Ce
59Pr
60Nd
61Pm
62Sm
63Eu
64Gd
65Tb
66Dy
67Ho
68Er
69Tm
70Yb
71Lu
72Hf
73Ta
74W
75Re
76Os
77Ir
78Pt
79Au
80Hg
81Tl
82Pb
83Bi
84Po
85At
86Rn
87Fr
88Ra
89Ac
90Th
91Pa
92U
93Np
94Pu
95Am
96Cm
97Bk
98Cf
99Es
100Fm
101Md
102No
103Lr
104Rf
105Db
106Sg
107Bh
108Hs
109Mt
110Ds
111Rg
112Cn
113Nh
114Fl
115Mc
116Lv
117Ts
118Og

What is the Periodic Table?

The Periodic Table of Elements is one of the most significant achievements in science, capturing the essence of not only chemistry, but also physics and biology. It is a unique arrangement of all known chemical elements in an informative array.

Elements are arranged from left to right and top to bottom in order of increasing atomic number. The order generally coincides with increasing atomic mass. The rows are called Period and columns are called Groups. Elemets in same group share similar chemical properties.

Why Use This Tool?

  • Dynamic Visualization: Don't just read numbers. See trends like Electronegativity rise and fall across periods with our interactive graphs.
  • Bohr Model Generator: Struggling to understand electron shells? Our tool instantly generates the correct Bohr alignment for every element (e.g., Sodium 2-8-1).
  • Compound Predictions: Use the "Builder Mode" to test your knowledge. Mix Hydrogen and Oxygen to see if they react to form Water!

How to Use the Interactive Table

1. Table View

The classic view. Hover over elements to see categories (Metals, Noble Gases). Click any element to open a detailed card with Atomic Mass, Phase, and more.

2. Trends Graph

Switch to the 'Trends' tab. Select a metric like Atomic Radius. The graph will plot values for all elements, helping you spot periodic patterns instantly.

3. Shells Visualizer

Go to 'Shells' tab. Select an element from the list. Watch as the nucleus and electrons are drawn. Count the valence electrons in the outermost shell!

4. Compound Lab

Enter 'Builder' mode. You have two empty slots. Select two elements (e.g., Na and Cl). If they form a common binary compound, the tool will trigger a success match!

Deep Dive: Periodic Trends

Electronegativity

This measures how strongly an atom attracts electrons in a bond.

  • Increases Left → Right
  • Decreases Top ↓ Bottom
Highest: Fluorine (3.98)

Atomic Radius

The distance from the nucleus to the outermost electron shell.

  • Decreases Left → Right
  • Increases Top ↓ Bottom
Largest: Francium

Ionization Energy

The energy required to remove an electron from a gaseous atom.

  • Increases Left → Right
  • Decreases Top ↓ Bottom
Hardest: Helium

Key Element Families

Alkali MetalsGroup 1

Extremely reactive metals that look silvery and are soft enough to cut with a knife. They explode in contact with water.

HalogensGroup 17

Highly reactive nonmetals. They love to gain one electron to fill their shell, often forming salts (like NaCl) with metals.

Noble GasesGroup 18

Colorless, odorless gases. They have full valence shells, making them the "introverts" of the table—they rarely react.

Transition MetalsGroups 3-12

The classic metals you know—Gold, Iron, Copper. They are hard, conductive, and often form colorful chemical compounds.

Frequently Asked Questions

What is the Periodic Table of Elements?

The Periodic Table is a tabular display of all known chemical elements, arranged by atomic number, electron configuration, and recurring chemical properties. It is the fundamental framework used in chemistry to understand the behavior of matter.

How do I use this Interactive Periodic Table?

You can use this tool in four modes: 1) Table Mode to browse element properties like mass and category. 2) Trends Mode to visualize graphs of electronegativity and atomic radius. 3) Shells Mode to see 3D Bohr models of electron configurations. 4) Builder Mode to drag-and-drop elements and simulate simple chemical reactions.

What is the periodic trend for atomic radius?

Atomic radius generally decreases across a period (left to right) due to increased nuclear charge pulling electrons closer, and increases down a group due to the addition of electron shells.

How does ionization energy change in the periodic table?

Ionization energy increases across a period because the nucleus holds electrons more tightly, and decreases down a group as outer electrons are further from the nucleus (shielding effect).

What determines the chemical reactivity of an element?

Reactivity is determined by the number of valence electrons. Elements strive to have a full outer shell (octet rule). Alkali metals (1 valence electron) and Halogens (7 valence electrons) are highly reactive.

What is electronegativity?

Electronegativity is a measure of an atom's ability to attract shared electrons in a chemical bond. Fluorine is the most electronegative element.

What are electron shells?

Electron shells are energy levels around the nucleus where electrons reside. The first shell holds 2 electrons, the second holds 8, and so on. Our tool visualizes these using the Bohr model.

Why do elements in the same group have similar properties?

Elements in the same group have the same number of valence electrons. This outer electron configuration primarily dictates how an element bonds and reacts.

What is the difference between metals, nonmetals, and metalloids?

Metals (left side) are good conductors and malleable. Nonmetals (right side) are poor conductors and brittle. Metalloids (staircase) have properties intermediate between metals and nonmetals.

What are Noble Gases?

Group 18 elements are Noble Gases. They have full valence shells, making them chemically inert (unreactive) under standard conditions.

Why is Hydrogen placed separately?

Hydrogen has 1 electron like Alkali metals but is a gas and behaves chemically distinct. It is unique and often placed above Group 1 but not considered an Alkali metal.