An interactive diagram notebook

Every molecule is just atoms, holding hands on purpose.

Click any atom or bond in this page — anywhere — and it will tell you exactly what it is, why it bonds that way, and how you could build it yourself. Start with the ethane molecule on the right.

☝ click an atom or a bond to begin
Select something
Ethane (C₂H₆) — the simplest molecule with a carbon–carbon bond. Try clicking a carbon, a hydrogen, or the bond between the two carbons.
01 — Bond basics

How atoms decide to bond

Carbon has 4 electrons to share, and it's always looking to complete a set of 8 (the octet rule). It does this by sharing electron pairs with neighboring atoms — each shared pair is one bond. Sharing one pair makes a single bond, sharing two pairs makes a double bond, and sharing three makes a triple bond. Click each pair below to see how the carbon–carbon bond changes shape, angle, and reactivity as it goes from single to triple.

sp³ · single bond
Ethane — click the bond or an atom.
sp² · double bond
Ethene — click the bond or an atom.
sp · triple bond
Ethyne — click the bond or an atom.
02 — Building new molecules

Functional groups: how you attach something new

A plain carbon chain (drawn here as R) is fairly unreactive. Everything interesting in organic chemistry happens when you replace a hydrogen with a functional group — a small cluster of atoms bonded on with its own new bond. That new bond is what gives the molecule a new personality: a new smell, a new reaction, a new name. Click any atom or bond in the icons below.

03 — Rings

Closing a chain into a ring

Any carbon chain long enough can bend around and bond to its own tail — the last carbon forms a new C–C bond with the first one, closing a ring. Cyclohexane below is just hexane bent into a loop. Benzene looks similar, but its electrons don't stay put — they spread evenly around the whole ring, which is what makes it aromatic. Click the bonds and the dashed circle to see the difference.

Cyclohexane
A saturated ring — click a corner or an edge.
Benzene
An aromatic ring — click a corner, an edge, or the dashed circle.
04 — Naming what you built

Reading (and writing) an IUPAC name

Once you can build a molecule, naming it is just describing what you built, piece by piece. Click a piece of the name below — or the matching part of the structure — to see what it's telling you.

Select a piece of the name
This molecule is 2‑methylbutan‑1‑ol. Click any word, number, or highlighted part of the structure.
05 — Cheat sheet

Quick recap

VALENCE
C makes 4 bonds · N makes 3 · O makes 2 · H (and halogens) make 1.
SINGLE BOND
One shared electron pair (1σ). Free rotation. sp³, ~109.5° bond angle.
DOUBLE BOND
Two shared pairs (1σ+1π). No rotation, flat. sp², ~120° bond angle.
TRIPLE BOND
Three shared pairs (1σ+2π). Linear, very reactive. sp, 180° bond angle.
FUNCTIONAL GROUP
A specific cluster of atoms bonded onto a carbon chain that defines the molecule's chemistry.
RING
A chain bonded back to itself. Aromatic rings (like benzene) share electrons around the whole loop.
NAMING
parent chain (root+length) + locants (position numbers) + prefixes (branches) + suffix (main group).
HOW TO GROW A MOLECULE
Swap an H for a group → new bond forms → new properties. Repeat to build anything.