This tutorial visualizes key ideas in chemical bonding: how electron domains determine molecular geometry (VSEPR), how atomic orbitals combine into hybrid orbitals, and how ionic vs covalent bonding differ.

Module 1: VSEPR Theory & Molecular Geometry

VSEPR (Valence Shell Electron Pair Repulsion) states that electron domains—bonding pairs (atoms) and lone pairs—repel each other and arrange to minimize repulsion. The result is predictable geometry: 2 domains → linear (180°); 3 → trigonal planar (120°); 4 → tetrahedral (109.5°); 5 → trigonal bipyramidal; 6 → octahedral (90°). Lone pairs take more space than bonding pairs, so geometries like bent, trigonal pyramidal, and seesaw arise when some domains are lone pairs. Notation AX_nE_m: A = central atom, X = bonding pairs, E = lone pairs.

Module 2 (Hybridization): Carbon can be sp³ (tetrahedral, e.g. methane), sp² (trigonal, e.g. ethene with π bond), or sp (linear, e.g. ethyne with two π bonds). Overlap of hybrid orbitals gives σ bonds; unhybridized p orbitals overlap laterally to form π bonds.

Module 3 (Ionic vs Covalent): In covalent bonding, electrons are shared (e.g. figure-eight molecular orbital). In ionic bonding, electrons transfer from one atom to another; the resulting ions form a lattice. Lattice energy U ≈ k|q₁q₂|/r (Coulomb’s law) measures the strength of the ionic structure.

Usage

Module 1 – VSEPR Sandbox: Use Bonding pairs (+/−) and Lone pairs (+/−) to set the number of electron domains (total 2–6). Choose a Preset (e.g. CH₄, H₂O, CO₂) or build custom geometry. The 3D molecule updates immediately: central atom (silver), bonding partners (light blue), bonds (white cylinders; double/triple shown), lone pairs (translucent green lobes). The panel shows AXE notation, geometry name, and ideal bond angles. Toggle Show bond angles and Show polarity vector (red arrow = net dipole direction for asymmetric molecules).

Module 2 – Hybridization & Orbital Overlap: Select Hybridization (sp³, sp², or sp) and an example molecule. The 3D view shows hybrid lobes (yellow) and unhybridized p orbitals (red/blue phases). Use the Orbital opacity slider to adjust transparency. Click Form Bond to show the σ bond (yellow pill between atoms) and π bonds (purple) for sp²/sp. The detail panel explains the hybridization type.

Module 3 – Ionic vs Covalent & Lattice Energy: Choose a Preset (H₂, HCl, NaCl, NaF, MgO) or use Custom. Electronegativity diff and Internuclear distance sliders control the two-atom view: atom sizes reflect the preset (e.g. H smaller than Cl); the bond is a capsule of shared electron density (yellow → red-orange as polarity increases). When EN diff ≥ 1.7 the bond is ionic: cloud hides, cation (silver) shrinks, anion (green) grows. Bond type and Lattice energy U (k|q₁q₂|/r) are shown. For ionic presets, Generate Crystal Lattice toggles a 4×4×4 rock-salt lattice; changing the sliders updates the lattice in real time (spacing from internuclear distance).

3D view (all modules): Drag to rotate, scroll to zoom. Iso, Front, Top, Side set camera views; Z+ / Z− zoom; arrow buttons pan.

Polarity vector (Module 1)

The polarity vector (red arrow) is the vector sum of bond directions from the central atom. Symmetric geometries (CO₂, CH₄, SF₆) cancel to zero; bent (H₂O) or pyramidal (NH₃) show a net direction. This is a geometry-only model (no electronegativity).

VSEPR examples (Module 1)

AX₂E₀ Linear (CO₂), 180°. AX₃E₀ Trigonal planar (BF₃), 120°. AX₄E₀ Tetrahedral (CH₄), 109.5°. AX₂E₂ Bent (H₂O), ~104.5°. AX₃E₁ Trigonal pyramidal (NH₃), ~107°. AX₆E₀ Octahedral (SF₆), 90°.