ChemistryBeginner2D simulation~12 min

Atomic Structure

Everything around you — air, water, your own body — is made of atoms, and every atom is built from just three kinds of particles. Add and remove protons, neutrons and electrons to build any of the first 20 elements, and see how each particle changes the atom’s identity, mass and charge.

Carbon Click a particle to identify it
Protons0

Positive charge, in the nucleus. Sets the element.

Neutrons0

No charge, in the nucleus. Sets the isotope.

Electrons0

Negative charge, in shells. Sets the charge.

Examples

Key

  • Proton (+)
  • Neutron (no charge)
  • Electron (−)
Element
—
Mass number
—
Charge
—
Atom or ion
—
Nucleus
—
Electron shells
—

How to use this simulator

  1. Use the + and − buttons to add or remove protons, neutrons and electrons, or choose an example.
  2. The element tile shows the symbol, atomic number (top left) and mass number (top right).
  3. Read the readouts to see whether you have a neutral atom or an ion, and whether the nucleus is stable.
  4. Press Excite an electron to watch an electron jump to a higher shell and emit light as it falls back.
  5. Click a particle to identify it. Start/Pause controls the electron motion; Reset returns to carbon-12.

The three particles

ParticleChargeRelative massWhere
Proton+11Nucleus
Neutron01 (very slightly more)Nucleus
Electron−1About 1/1836Shells around the nucleus

The nucleus contains almost all of an atom’s mass but is tiny — roughly 100,000 times smaller than the atom itself. The rest of the atom is the region where electrons are found.

Atomic and mass numbers

  • The atomic number (Z) is the number of protons. It defines the element: every carbon atom has 6 protons, every oxygen atom has 8.
  • The mass number (A) is the number of protons plus neutrons.
A = Z + N number of neutrons N = A − Z

Chemists write an atom as a symbol with A at the top left and Z at the bottom left, for example ¹²₆C.

Isotopes

Atoms of the same element can have different numbers of neutrons. These versions are calledisotopes. They behave almost identically in chemical reactions because they have the same electrons, but their masses differ. Some combinations of protons and neutrons are stable; others areradioactive and eventually decay. Carbon-12 and carbon-13 are stable, while carbon-14 is radioactive with a half-life of about 5,700 years. Too many or too few neutrons and a nucleus cannot hold together at all.

Ions

In a neutral atom, the number of electrons equals the number of protons, so the charges cancel. If an atomloses electrons it becomes a positive ion (cation), such as Na⁺. If itgains electrons it becomes a negative ion (anion), such as Cl⁻.

charge = protons − electrons

Electron shells

In the simple shell model, electrons occupy shells at increasing distances from the nucleus. For the first 20 elements, the shells fill in the pattern 2, 8, 8, 2. The electrons in the outermost shell, calledvalence electrons, decide how an element reacts. Atoms with full outer shells, such as neon and argon, are very unreactive (noble gases). Sodium, with one valence electron, readily loses it; chlorine, one short of a full shell, readily gains one. That is why sodium and chlorine combine to form sodium chloride.

Energy levels and light

Each shell corresponds to an energy level. An electron can absorb exactly the right amount of energy to jump to a higher level, then fall back and release that energy as a photon of light. Because each element has its own pattern of energy levels, each produces its own colours — sodium streetlights glow orange-yellow, and astronomers identify elements in stars from their light.

Key terms

Element
A substance made of atoms that all have the same number of protons.
Isotope
Atoms of the same element with different numbers of neutrons.
Ion
An atom or group of atoms with an electric charge because electrons were gained or lost.
Valence electrons
Electrons in the outermost shell, involved in chemical bonding.
Radioactive decay
The spontaneous change of an unstable nucleus, releasing radiation.

Real-world applications

  • Radiocarbon dating uses carbon-14 to find the age of wood, bone and other once-living material up to about 50,000 years old.
  • Medical imaging uses radioactive isotopes such as technetium-99m as tracers (an educational example — see our disclaimer).
  • Nerves and muscles work using ions such as Na⁺, K⁺ and Ca²⁺ moving across cell membranes.
  • Fireworks and neon signs get their colours from electrons dropping between energy levels.

Common misconceptions

  • “Electrons orbit like planets.” The Bohr picture is a useful model, but electrons are better described as clouds of probability called orbitals.
  • “Changing neutrons changes the element.” Only protons decide the element; neutrons give different isotopes.
  • “Ions are different elements.” Na⁺ is still sodium — only its electron count changed.

What the model simplifies

The Bohr model, proposed in 1913, places electrons on circular shells. Modern quantum mechanics replaces these with orbitals of different shapes, and from potassium onward the filling order becomes more complex. The nucleus here is drawn hugely enlarged, and stability is simplified to three categories using the known stable isotopes of the first 20 elements.

Key takeaways

  • Protons set the element, neutrons set the isotope, electrons set the charge.
  • Mass number = protons + neutrons.
  • Ions form when atoms gain or lose electrons.
  • Valence electrons in the outer shell control chemical behaviour.

Knowledge check

Atomic Structure: test your understanding

Answer each question to get instant feedback and an explanation. Use the simulator to check your thinking.

7 questions3 basic3 intermediate1 advanced

0 of 7 answered

  1. Q1BasicWhich particle determines what element an atom is?
    Show answer

    Answer: C. Proton

    The number of protons is the atomic number. Change it by one and you have a different element — try it in the simulator.

  2. Q2BasicAn atom has 8 protons, 8 neutrons and 8 electrons. What is its mass number?
    Show answer

    Answer: B. 16

    Mass number = protons + neutrons = 8 + 8 = 16. Electrons are so light that they are not counted. This is oxygen-16.

  3. Q3BasicWhat is the charge of an atom with 11 protons and 10 electrons?
    Show answer

    Answer: C. +1

    Charge = protons − electrons = 11 − 10 = +1. This is a sodium ion, Na⁺, as found in table salt.

  4. Q4IntermediateCarbon-12 and carbon-14 are…
    Show answer

    Answer: B. isotopes: same number of protons, different numbers of neutrons

    Both have 6 protons (so both are carbon), but carbon-14 has 8 neutrons instead of 6. Carbon-14 is radioactive, which makes it useful for dating ancient organic material.

  5. Q5IntermediateIn the simple shell model, how are 11 electrons arranged?
    Show answer

    Answer: B. 2, 8, 1

    The first shell holds 2 and the second holds 8, so the eleventh electron goes into the third shell: 2, 8, 1. That single outer electron makes sodium very reactive.

  6. Q6IntermediateA chlorine atom gains one electron. What does it become?
    Show answer

    Answer: B. A chloride ion with charge −1

    Gaining an electron does not change the number of protons, so it is still chlorine — but now it has one more negative charge than positive: Cl⁻, a chloride ion.

  7. Q7AdvancedWhy does an excited electron give off light when it falls back to a lower shell?
    Show answer

    Answer: B. It releases the energy difference between the two shells as a photon

    Electrons can only have certain energies. Dropping from a higher level to a lower one releases exactly the energy difference as a photon, whose colour depends on that energy. This is why each element has its own spectrum of colours — used in fireworks and to identify elements in distant stars.

References and further reading

  1. Flowers, P., Theopold, K., Langley, R., & Robinson, W. R. (2019). Chemistry 2e, Section 2.3: Atomic Structure and Symbolism. OpenStax. openstax.org (opens in a new tab)
  2. Flowers, P., et al. (2019). Chemistry 2e, Section 6.2: The Bohr Model. OpenStax. openstax.org (opens in a new tab)
  3. International Union of Pure and Applied Chemistry (IUPAC). Periodic Table of the Elements and Isotopes. iupac.org (opens in a new tab)
  4. National Nuclear Data Center, Brookhaven National Laboratory. NuDat — nuclear structure and decay data. nndc.bnl.gov (opens in a new tab)

This simulator is a simplified educational model. Found an error? Let us know. See our educational disclaimer.