Periodic Table
Interactive reference for element symbols, atomic number, atomic weight, categories, group / period positions, and noble-gas shorthand electron configurations.
Tip: Click any element tile to load full details below. You can also search by
name, symbol, or
atomic number.
How to Use
- Use the search box or category filter to narrow the table.
- Click any element to view its details in the panel below.
- Use the legend to understand color-coded element families.
- Use the cheat sheet and worked examples for fast chemistry reference.
Interactive Element Grid
Alkali
Alkaline Earth
Transition
Metalloid
Nonmetal
Halogen
Noble Gas
Lanthanoid
Actinoid
Layout note: Lanthanoids and actinoids are shown in dedicated lower rows to preserve the standard table layout.
Element Details
Select an element
Symbol
—
Name
—
Atomic Number
—
Category
—
Group / Period
—
Atomic Weight
—
Electron Configuration
—
Configurations use noble-gas shorthand where practical, with common exceptions applied for selected elements.
Worked Examples
-
Moles to grams (Aluminum)
Aluminum has an atomic weight of 26.982.
For 2.50 mol Al:
mass = 2.50 × 26.982 = 67.455 g -
Reading configuration (Chlorine)
Chlorine is [Ne] 3s² 3p⁵.
That gives 7 valence electrons and explains its common -1 oxidation behavior. -
Transition metal note (Iron)
Iron is commonly shown as [Ar] 3d⁶ 4s² in the neutral state.
Common oxidation states are +2 and +3.
Simple Cheat Sheet
| Topic | Quick Reference |
|---|---|
| Atomic Number (Z) | Number of protons in the nucleus. This defines the element. |
| Atomic Weight | Weighted isotopic average used as a practical molar-mass reference. |
| Electron Configuration | Noble-gas shorthand such as [Ne] 3s² 3p⁵. |
| Noble Gas Cores | [He]=2, [Ne]=10, [Ar]=18, [Kr]=36, [Xe]=54, [Rn]=86, [Og]=118 |
| General Trends | Across a period: radius usually decreases, ionization energy usually increases. Down a group: radius usually increases. |
Use the group / period location with the category color to spot behavior patterns faster.
Page Info
Last updated:
Updates may include data cleanup, layout improvements, accessibility refinements, and expanded element references.