Dot and Cross Diagram: Rules, Examples, and Lewis Differences

If you’ve ever opened a chemistry textbook and felt a small jolt of confusion at the sight of dots and crosses floating around atomic symbols, you’re not alone; dot and cross diagrams are one of the first tools students encounter for visualising chemical bonds, yet the rules can feel arbitrary until you see the logic behind them. This guide walks through exactly what those diagrams show, how to draw them step by step, and where they fall short — with worked examples for O₂, CO₂, HCl, and H₂.

Primary users: GCSE and A-level chemistry students ·
Typical exam board: OCR 21st Century, AQA, WJEC, CIE ·
Number of outer-shell electrons shown: Valence electrons only ·
Bond types represented: Covalent and ionic ·
First published as teaching tool: Early 20th century (Lewis structures)

What is the dot and cross diagram for?

A dot and cross diagram is a visual model that shows only the outer-shell electrons (valence electrons) of atoms involved in a chemical bond. It is the simplest representational tool used in BBC Bitesize (GCSE chemistry guide) to explain how atoms share or transfer electrons in covalent and ionic compounds. Unlike full orbital diagrams, it deliberately ignores inner-shell electrons, atomic size, and three-dimensional geometry — and that is exactly why it works as a first teaching step.

Purpose in chemistry education

In GCSE and A-level curricula across exam boards including AQA, OCR 21st Century, WJEC, and CIE, the dot-and-cross diagram serves as the standard gateway to bonding. According to CCEA (Northern Ireland exam board guidance), students are expected to draw these diagrams for simple covalent molecules and ionic compounds alike. The core reason is clarity: by stripping away everything except the outermost electrons, the diagram isolates the action of bond formation.

Difference from other bonding models

A dot and cross diagram is a specific subtype of the broader category known as Lewis structures (or electron dot diagrams). The difference is that Lewis structures use only dots and typically show all valence electrons including lone pairs, whereas dot-and-cross diagrams reserve dots for one atom and crosses for another, making electron origin visible. Creative Chemistry (chemistry educator resource) notes that this visual distinction is the key teaching feature — it answers exactly who came from where.

The implication: If you have ever wondered whether a dot-and-cross diagram and a Lewis structure are the same thing, the answer is no. A Lewis structure is the general notation; a dot-and-cross diagram is the colour-coded (or symbol-coded) version designed for exam marking.

How to draw dot and cross diagrams – step-by-step rules

The rules are consistent across exam boards, but the details of how shared pairs are placed inside overlapping circles vary. The method below follows CCEA (exam board guidance) and BBC Bitesize (GCSE chemistry guide) conventions, which account for the majority of UK and international exam syllabuses.

1. Rule 1: Represent only valence electrons

   Draw the atomic symbol and then the electrons in the outermost shell only. Online Learning College (GCSE chemistry resource) emphasises that inner-shell electrons are not shown — they are irrelevant to bond formation in this model.

2. Rule 2: Use dots for one atom and crosses for the other

   This is the defining rule of the method. CCEA (exam board guidance) explicitly states: “Show electrons of one atom as dots and the other as crosses.” This lets exam markers see, at a glance, which electron originated from which atom — especially important when awarding marks for sharing.

3. Rule 3: Show shared pairs in covalent bonds

   In covalent bonding, each shared pair of electrons goes into the overlap between the two atomic circles. BBC Bitesize transcript (GCSE chemistry teaching resource) explains that the shared electrons sit in the overlapping area, with one dot and one cross representing the contribution from each atom. A single covalent bond is one shared pair; a double bond is two; a triple bond is three (BBC Bitesize (GCSE chemistry guide)).

4. Rule 4: Show transfer of electrons in ionic bonds

   For ionic compounds, the diagram shows arrows indicating electron transfer from the metal atom to the non-metal atom. Save My Exams (GCSE revision resource) notes that dots and crosses track the original atom of each transferred electron. After transfer, the metal becomes a positive ion and the non-metal a negative ion.

5. Rule 5: Include square brackets and charges for ions

   Save My Exams (GCSE revision resource) states that in ionic bonding diagrams, each ion must be enclosed in square brackets with the charge written as a superscript outside. This is a strict exam requirement — missing brackets means lost marks.

The pattern: Five rules, one logic. Every rule exists to make electron origin legible at a glance. If your diagram passes the “who came from where” test, it passes the marking standard.

What are dot diagrams used for?

Dot-and-cross diagrams are deployed across two major compound types in the GCSE and A-level curriculum: covalent molecules and ionic compounds. Each context uses the same conventions differently, and understanding the distinction is where students often stumble.

Applications in covalent compounds

For covalent molecules such as H₂, O₂, HCl, and CO₂, the dot-and-cross diagram shows shared electron pairs in the region between atomic shells. BBC Bitesize (GCSE chemistry guide) advises that overlapping shells should be drawn to enclose the shared pair. Unshared electrons (lone pairs) remain outside the overlap, placed around the atomic symbol according to the atom’s group number.

Applications in ionic compounds

In ionic bonding, the diagram visualises electron transfer rather than sharing. CCEA (exam board guidance) provides a structured procedure: first write the electronic configuration of each atom, then draw the electron transfer with an arrow, then draw the resulting ions, and finally label the charges. The dot-and-cross coding reveals which electrons moved and from which atom.

Comparison with Lewis structures

Lewis structures use dots only and include all valence electrons as pairs or singles around an element symbol. Dot-and-cross diagrams are a pedagogical subset — they swap symbols (dots vs. crosses) for the sole purpose of distinguishing atomic origin. Creative Chemistry (chemistry educator resource) lists oxygen, nitrogen, ammonia, and carbon dioxide as common examples, noting that both methods produce essentially the same connectivity information. The catch: a Lewis structure tells you which atoms are bonded; a dot-and-cross diagram tells you which electron came from which atom.

The trade-off: The visual coding that helps beginners also makes dot-and-cross diagrams harder to read for molecules with many atoms, because each new atom needs a distinct symbol.

What are the limitations of a dot and cross diagram?

These diagrams are deliberately reductive, and that is both their strength and their weakness. Understanding the limitations is essential for progressing to more sophisticated bonding models.

Does not show 3D geometry

Dot-and-cross diagrams are strictly two-dimensional. They show which atoms are connected but give no information about bond angles, spatial arrangement, or molecular shape. Online Learning College (GCSE chemistry resource) notes that a separate molecular shape model (such as VSEPR theory) is required to understand why, for instance, CO₂ is linear while H₂O is bent.

Does not show relative sizes of atoms

All atoms are drawn the same size in a dot-and-cross diagram. BBC Bitesize (GCSE chemistry guide) points out that in reality, atomic radii vary significantly — chlorine is much larger than hydrogen, for example — but the diagram gives no indication of scale.

Does not show orbital shapes or energies

Electrons in real atoms occupy orbitals (s, p, d, f) with specific shapes and energy levels. Dot-and-cross diagrams ignore this entirely. Creative Chemistry (chemistry educator resource) acknowledges that this oversimplification can mislead students into thinking electrons sit as static points in space. At A-level, students move to orbital diagrams that correct this.

The pattern: A dot-and-cross diagram answers “which atoms share or transfer how many electrons?” but leaves “where are those atoms in space?” and “what shape are their orbitals?” completely unanswered. For a beginner, that focused question set is exactly right. For a student moving beyond GCSE, it is deliberately incomplete.

The catch: Even with its limitations, the dot-and-cross diagram remains the most effective exam tool for demonstrating electron transfer and sharing at the GCSE level.

Dot and cross diagram examples: O2, CO2, HCl, and hydrogen

Four worked examples, each illustrating a different bonding pattern. The approach follows CCEA (exam board guidance) for multiple bonds and BBC Bitesize (GCSE chemistry guide) for oxygen’s double-bond convention.

Dot and cross diagram for O2 (oxygen)

Each oxygen atom has six valence electrons. According to BBC Bitesize transcript (GCSE chemistry teaching resource), the two atoms share two pairs of electrons to form a double covalent bond. In the diagram, draw two overlapping circles, place one dot and one cross (one from each atom) for each shared pair inside the overlap, and the remaining four electrons on each atom as lone pairs around the outside. Each oxygen ends with a full outer shell of eight electrons.

• Two shared pairs = one double bond
• Each atom shows 4 remaining lone-pair electrons
• Dots and crosses track the origin of each shared electron

Dot and cross diagram for CO2 (carbon dioxide)

Carbon has four valence electrons; each oxygen has six. Online Learning College (GCSE chemistry resource) states that carbon dioxide contains a double bond between the central carbon atom and each oxygen atom. Draw the carbon in the centre with its four electrons as two dots and two crosses (one pair for each side). Each oxygen shares two pairs with the carbon, occupying the overlap zones. The oxygen atoms also retain two lone pairs each. The arrangement is linear, though the diagram cannot depict that geometry — a subsequent VSEPR model would do so.

• Two double bonds, carbon central
• Carbon uses all four valence electrons in bonding
• Each oxygen retains two lone pairs

Dot and cross diagram for HCl (hydrogen chloride)

Hydrogen has one valence electron; chlorine has seven. BBC Bitesize (GCSE chemistry guide) characterises this as a single covalent bond — one shared pair. Draw the hydrogen circle overlapping with the chlorine circle. Place one dot (hydrogen’s electron) and one cross (one of chlorine’s electrons) in the overlap. The remaining six of chlorine’s electrons are placed as three lone pairs around its symbol. Hydrogen satisfies the duplet rule, and chlorine an octet.

• Single covalent bond
• Three lone pairs remain on chlorine
• Hydrogen’s single electron is the dot; one of chlorine’s is the cross

Dot and cross diagram for hydrogen (H2)

The simplest covalent molecule. Two hydrogen atoms, each with one valence electron, share one pair. Lumen Learning (chemistry education platform) notes that the shared pair satisfies the duplet rule for both atoms. Draw two overlapping circles, each containing one electron — dot on one side, cross on the other — placed together in the overlap. No lone pairs remain.

• Single covalent bond, one shared pair
• Both atoms achieve duplet
• Dot and cross originate from different atoms

Comparison: Dot-and-cross diagrams vs. Lewis structures

Students often use these terms interchangeably, but exam boards do not. The table below lays out the practical differences.

Three diagrams, one difference that matters: Lewis structures use dots only; dot-and-cross diagrams use dots and crosses to track atomic origin.

The catch: If you draw a Lewis structure for a GCSE exam that expects a dot-and-cross diagram, you will lose the marks that coding provides. The two methods overlap in meaning but diverge in presentation — and in exam rooms, presentation is what earns points.

For a challenging example of an odd‑electron molecule, see the NO₂ dot and cross diagram, which illustrates how to handle radicals in Lewis structures.

Frequently asked questions

For GCSE and A-level chemistry students, the decision is straightforward: learn the dot-and-cross convention exactly as your exam board specifies it, because the marks depend on the coding system, not on chemical insight. For students moving beyond school chemistry, treat the dot-and-cross diagram as a stepping stone — one that will be replaced by orbital diagrams, but one that teaches the single most important question of all: which electrons moved, and where did they come from?