Skip to content

Atomic Structure Explorer

View Fullscreen

About This MicroSim

This MicroSim shows a Bohr model atom diagram for each of the six biologically essential elements — Hydrogen (H), Carbon (C), Nitrogen (N), Oxygen (O), Phosphorus (P), and Sulfur (S) — collectively remembered as CHONPS.

Click any element button to see its electron shell configuration, atomic number, and mass number. Two optional toggles let you:

  • Highlight Valence — dims inner-shell electrons and adds a golden glow to the outermost (valence) shell electrons, making it easy to count how many are available for bonding.
  • Show Bonding Capacity — displays a badge showing how many covalent bonds that element typically forms, directly from its valence electron count.

The right panel shows the element's properties and a brief description of its biological role in living systems.

How to Use

  1. Click H, C, N, O, P, or S to select an element.
  2. Observe the concentric shell diagram and the properties in the right panel.
  3. Click Highlight Valence to isolate the valence shell electrons (shown in gold).
  4. Click Show Bonding Capacity to see how many covalent bonds the element forms.
  5. Compare multiple elements — for example, C (4 bonds) vs. O (2 bonds) vs. H (1 bond) — to understand how valence electrons control molecular geometry.

Key Concepts

  • Atomic number (Z): the number of protons in the nucleus; uniquely identifies the element.
  • Mass number (A): protons + neutrons; shown above the nucleus.
  • Valence shell: the outermost electron shell; its electron count determines bonding behavior.
  • Bonding capacity: the number of covalent bonds an atom forms to complete its valence shell (C = 4, N = 3, O = 2, H = 1, P = 5, S = 2).

Lesson Plan

Grade Level

AP Biology (grades 10–12)

Duration

10–15 minutes

Learning Objective

Students will explain the relationship between an element's atomic number, electron shell configuration, valence electrons, and its typical bonding capacity in biological molecules.

Prerequisites

  • Basic familiarity with the periodic table
  • Concept of protons, neutrons, and electrons

Activities

  1. Explore (5 min): Click through all six elements. For each one, read the biological role and note the number of valence electrons.
  2. Predict (3 min): Before clicking "Show Bonding Capacity," predict how many bonds each element forms based on the valence electron count. Check your prediction.
  3. Compare (5 min): Use "Highlight Valence" to compare Carbon (4 valence) with Oxygen (6 valence). Ask: why does O form fewer bonds than C even though it has more valence electrons?

Assessment

  • Which element has the highest bonding capacity? (Phosphorus — 5 bonds; this is why it can form the branched phosphate groups in DNA and ATP.)
  • How many hydrogen bonds can a single water molecule participate in? (Up to 4 — two as H-bond donor from the O–H groups, two as acceptor from the lone pairs.)

Iframe Embed Code

1
2
3
4
<iframe src="https://dmccreary.github.io/biology/sims/atomic-structure-explorer/main.html"
        height="560"
        width="100%"
        scrolling="no"></iframe>

References

  1. Atomic Structure — Wikipedia
  2. Valence electron — Wikipedia
  3. CHONPS — Wikipedia
  4. Chemical bond — Wikipedia