Visual walkthrough — Groups (1–18), periods (1–7), s - p - d - f blocks
We will earn every symbol before we use it. By the end, the shape you see on the wall in chemistry class will look inevitable.
Step 1 — What is an electron "address"?

WHAT we did: gave every electron a "ring number" . WHY: the periodic table's rows (periods) are exactly these rings — so we need the ring idea first. WHAT IT LOOKS LIKE: look at the figure — three concentric rings, labelled from the middle outward. That is the whole idea of .
See Quantum numbers (n, l, m_l, m_s) for the full four-part address; here we only need and the next symbol, .
Step 2 — Each ring has sections: the number

WHAT: split each ring into its allowed sections. WHY this rule and not "any section on any ring"? Because a tiny inner ring physically cannot host a big sprawling section — nature caps at . This single cap is what makes row 1 tiny and later rows huge. WHAT IT LOOKS LIKE: in the figure, ring has only an s-section; ring has s and p; ring has s, p and d. The taller the ring number, the more sections unlock.
Step 3 — How many parking spots per section? The count
Plug in each section:
| section | = spots | |
|---|---|---|
| s | 0 | |
| p | 1 | |
| d | 2 | |
| f | 3 |

WHAT: counted parking spots per section. WHY the formula and not something else? Because the number of orientations a section can take in space is exactly — one for each value of . We use counting of orientations because that is literally what an orbital is: one orientation. WHAT IT LOOKS LIKE: the figure shows 1 box for s, 3 boxes for p, 5 for d, 7 for f — a staircase growing by 2 each time.
Step 4 — Two electrons per spot: the factor of 2
| section | spots | max |
|---|---|---|
| s | 1 | 2 |
| p | 3 | 6 |
| d | 5 | 10 |
| f | 7 | 14 |

WHAT: doubled each spot count. WHY: two electrons can share one spot only if they wear different spin tags — the count of tags is 2, so we multiply by 2. WHAT IT LOOKS LIKE: each box from Step 3 now holds an up-arrow and a down-arrow. The section totals become — these numbers are the widths of the s, p, d, f blocks.
Recall Where the block widths come from
Why is the d-block 10 columns wide? ::: 5 d-orbitals ( with ) × 2 electrons each .
Step 5 — In what ORDER do sections fill? The rule
Compute for the early sections:
| section | |||
|---|---|---|---|
| 1s | 1 | 0 | 1 |
| 2s | 2 | 0 | 2 |
| 2p | 2 | 1 | 3 |
| 3s | 3 | 0 | 3 |
| 3p | 3 | 1 | 4 |
| 4s | 4 | 0 | 4 |
| 3d | 3 | 2 | 5 |
| 4p | 4 | 1 | 5 |

WHAT: ranked the sections by fill order. WHY this rule matters: notice 4s () is cheaper than 3d () — so the fourth ring starts filling before the third ring's d-section does. That single inversion is why the d-block is delayed. WHAT IT LOOKS LIKE: the figure draws diagonal arrows sweeping through the – grid; each arrow catches sections in fill order, and you can see 4s get grabbed before 3d.
Full engine: Aufbau principle and n+l rule.
Step 6 — Assemble a period: why the rows have lengths 2, 8, 8, 18…
Add them up along the fill order:
- Each fraction stacks section widths from Step 4.
- The braces mark one period each — the run between successive s-sections.
| period | sections filled | length |
|---|---|---|
| 1 | 1s | |
| 2 | 2s 2p | |
| 3 | 3s 3p | |
| 4 | 4s 3d 4p | |
| 6 | 6s 4f 5d 6p |

WHAT: summed section widths between s-sections to get row lengths. WHY: a new type of section (first p, later d, later f) only unlocks as grows (Step 2's cap ), so later rows suddenly gain extra slots — that is the whole reason rows lengthen. WHAT IT LOOKS LIKE: the figure shows four horizontal bars of lengths 2, 8, 8, 18 — the p-chunk appears in row 2, the d-chunk barges into row 4. The staircase-into-a-table is visible.
See Electronic configuration of elements for reading a config straight off the row you land in.
Step 7 — The degenerate cases (the rows that break the pattern)
Every good derivation checks its edge cases. Here are the "small ring" limits.

WHAT: handled the three cases where the naive reading fails. WHY: a reader who only saw the "add-a-section" rule would misplace He and Sc — so we show each explicitly. WHAT IT LOOKS LIKE: the figure boxes off row 1 (only s), pins He into group 18 with an arrow, and shows Sc's filling electron dropping into 3d while its "period pointer" still reads 4.
The one-picture summary

This final figure runs the whole chain in one frame: ring number → allowed sections → spots → electrons → fill order by → periods of length → the block-coloured table.
Recall Feynman retelling — explain the whole page to a 12-year-old
Imagine a stadium of nested rings. Ring 1 is tiny and has just one small section (s) with 2 seats — so row 1 seats only 2 people (H, He). Bigger rings unlock more sections: ring 2 adds a 6-seat p-section (row of 8), and by ring 4 a giant 10-seat d-section muscles in (row of 18), then even later a 14-seat f-section (row of 32). How many seats per section? Count the parking spots (: 1, 3, 5, 7) and double them because each spot fits two people back-to-back (spin up, spin down) — giving 2, 6, 10, 14. Those four numbers are the widths of the s, p, d, f blocks. In what order do people sit? Cheapest seat first, and "cheapness" is just . The sneaky part: 4s is cheaper than 3d, so people start filling ring 4 before ring 3 finishes — that is why the d-block shows up late, in period 4, and carries the label . Do that bookkeeping and the table's exact shape — short top, long middle, an f-strip pulled out below — draws itself. Nothing memorized; it all falls out of "how many seats, in what order."
Connections
- Aufbau principle and n+l rule — the fill-order engine of Step 5.
- Quantum numbers (n, l, m_l, m_s) — source of , , , and the count .
- Electronic configuration of elements — reading configs off the row you land in.
- Valence electrons and chemical reactivity — why same column = same chemistry.
- Periodic trends — atomic radius, ionization energy — trends built on this scaffold.
- Noble gases and octet rule — why He goes to group 18.
- Hinglish version →