Free~14 min · NGSS Middle School

Atoms, Elements & the Periodic Table

From protons and neutrons to elements and compounds

Key equationZ = \text{protons} \quad A = Z + N \quad (\text{mass number})

All matter is made of atoms. Each atom has a nucleus containing protons (positive charge) and neutrons (no charge), surrounded by electrons (negative charge) in shells. The number of protons (atomic number, Z) determines which element the atom is. Carbon always has 6 protons; oxygen always has 8. The mass number (A) = protons + neutrons. Isotopes are atoms of the same element with different numbers of neutrons. Ions have an unequal number of protons and electrons (charged). The periodic table organizes elements by atomic number and groups elements with similar properties in the same column. Elements in the same group have the same number of valence (outer shell) electrons, giving them similar chemical behavior.

ProPremium experiment

Unlock Atoms, Elements & the Periodic Table

Plus 148+ other Pro labs covering AP Physics, Biology, Chemistry, Earth Science, and Math — with unlimited simulation time, advanced parameters, and detailed analytics.

Start 7-day free trial$4.99 / month · cancel anytime
No credit card for trial Cancel in one click Student discount available

What is Atoms, Elements & the Periodic Table?

Everything around you — air, water, your desk, even your own body — is made of atoms. Atoms are unimaginably small particles, and yet they have an internal structure that determines almost everything about how matter behaves. At the center of every atom is a dense nucleus containing protons (which carry a positive charge) and neutrons (which have no charge). Surrounding the nucleus are electrons (negative charge) arranged in shells. The number of protons in the nucleus is called the atomic number, and it is what defines which element an atom is. Carbon always has 6 protons; change that number to 7 and you have nitrogen. Change it to 8 and you have oxygen. This simulation lets you build neutral atoms by adjusting atomic number and neutron count, watching the element identity, mass number, shell count, and valence electrons update in real time. Understanding atoms at this level is the foundation for all of chemistry.

Parameters explained

Atomic Number(Z)
Atomic Number sets how many protons are in the nucleus, from 1 to 18 in this model. That value, written as Z, defines the element: Z=1 is hydrogen, Z=6 is carbon, Z=8 is oxygen, and Z=11 is sodium. When you move this slider, the element symbol, nucleus charge, shell filling, and valence-electron count rebuild together because a neutral atom has the same number of electrons as protons. Use the Hydrogen, Carbon, and Sodium presets first, then move one step at a time to see why the periodic table is ordered by atomic number.
Neutron Number(neutrons)
Neutron Number changes how many neutral particles are packed into the nucleus, from 0 to 22. Neutrons add mass but do not change the element name, because element identity depends on protons. The mass number shown in the simulation is A = Z + N, so carbon with 6 protons and 6 neutrons is carbon-12, while carbon with 8 neutrons is carbon-14. Keep Atomic Number fixed while moving this slider to isolate isotope behavior: the symbol stays the same, but the nucleus composition and mass number change.
Orbit Speed(x)
Orbit Speed controls how quickly the electron-shell animation moves, from a slow inspection pace to a faster orbit display. It is a viewing control, not a new atomic property: changing it does not alter atomic number, neutron number, mass number, shell capacity, or valence electrons. Lower speeds help students count electrons in each shell and connect the data overlay to the 3D model. Higher speeds make the shell structure feel more dynamic after students already understand what they are seeing. Use this slider after selecting each preset to compare the same atom at different animation speeds.

Common misconceptions

  • MisconceptionAtoms are the smallest possible particles and cannot be divided.

    CorrectAtoms are made of even smaller subatomic particles: protons, neutrons, and electrons. Protons and neutrons are themselves made of quarks. The idea that atoms were indivisible was a useful early model, but modern science has revealed a rich internal structure. For most chemistry purposes, the proton-neutron-electron model works well, but it is not the final level of structure.

  • MisconceptionElectrons orbit the nucleus like planets orbit the Sun in fixed circular paths.

    CorrectElectrons do not follow fixed circular orbits. They occupy regions of space called orbitals or shells, where they are most likely to be found — but their exact position at any moment is described by probability, not a precise track. The shell model used in middle school is a helpful simplification for understanding bonding and periodic trends, but electrons are better thought of as clouds of probability rather than tiny planets.

  • MisconceptionIsotopes of the same element are completely different substances.

    CorrectIsotopes of the same element have the same number of protons and electrons, so they have nearly identical chemical behavior. Carbon-12 and carbon-14 both form carbon dioxide when burned, both bond with hydrogen to make organic molecules, and both behave as carbon in all chemical reactions. The difference is their mass and — for unstable isotopes — their radioactive decay. Isotopes are versions of the same element, not different elements.

  • MisconceptionThe mass of an atom is mostly in its electrons.

    CorrectElectrons are extremely light — each one has only about 1/1836 the mass of a proton. Nearly all of an atom's mass is concentrated in the nucleus (protons and neutrons). A carbon atom with 6 protons, 6 neutrons, and 6 electrons has a mass of 12 atomic mass units — and the 6 electrons together contribute less than 0.03% of that total mass. Electrons are crucial for chemical behavior but contribute almost nothing to atomic mass.

How teachers use this lab

  1. Element identity investigation: students start with Hydrogen (Z=1), then move the Atomic Number slider from 1 to 18. They record element symbols, shell counts, and valence electrons, then explain why atomic number order supports MS-PS1-1 modeling.
  2. Isotope exploration: students choose the Carbon preset, keep Atomic Number at 6, and vary Neutron Number from 5 to 8. They calculate A = Z + N from the display and explain why the element stays carbon while mass number changes.
  3. Preset comparison station: groups compare Hydrogen, Carbon, and Sodium from both preset button rows, record atomic number, neutron number, shell pattern, and valence electrons, then identify what changes and what stays fixed across matching duplicate presets.
  4. Valence pattern discussion: students set Atomic Number to 3 and 11, observe that both lithium and sodium show one valence electron, and use that evidence to explain why same-group elements often behave similarly.
  5. Animation pacing check: students use Orbit Speed at low and high settings for the same atom, then explain which measured quantities stay unchanged. This separates visualization speed from atomic structure.

Frequently asked questions

What makes one element different from another?

The number of protons in the nucleus — called the atomic number — is what defines an element. Every carbon atom in the universe has exactly 6 protons; every oxygen atom has exactly 8. If you add or remove a proton, you no longer have the same element. This is why nuclear reactions (which change proton counts) transform one element into another, while ordinary chemical reactions (which only rearrange electrons) cannot. The periodic table is organized in order of increasing atomic number.

Which NGSS standards does this experiment address?

This simulation primarily supports MS-PS1-1, which asks students to develop models to describe the atomic composition of simple molecules and extended structures. It gives students a concrete atomic model for protons, neutrons, electrons, shells, atomic number, and mass number. Students can use the Atomic Number and Neutron Number sliders to connect particle counts with element identity and isotopes, then use the displayed shell pattern to discuss why atoms combine into molecules and extended structures in later lessons.

Why are valence electrons so important in chemistry?

Valence electrons are the outermost electrons of an atom, and they are the ones involved in chemical bonding. Atoms are most stable when their outermost shell is full — 8 electrons for most elements, 2 for hydrogen. Atoms gain, lose, or share electrons with other atoms to reach this filled-shell arrangement. An atom with 1 valence electron (like sodium) tends to lose it easily, while an atom with 7 valence electrons (like chlorine) tends to gain one. This is why sodium and chlorine react vigorously together to form table salt.

What is the difference between an atom, a molecule, and a compound?

An atom is the smallest unit of an element, such as one hydrogen atom or one carbon atom. A molecule forms when two or more atoms are bonded together; the atoms can be the same element, such as O2, or different elements, such as H2O. A compound is made of two or more different elements in a fixed ratio, so water is both a molecule and a compound. This simulation focuses on the atom-level building blocks — atomic number, neutrons, and electron shells — that students need before modeling full molecules.

How do scientists know what atoms look like if they are too small to see?

Our atomic model comes from more than a century of indirect experiments. In 1911, Ernest Rutherford fired particles at gold foil and found that most passed straight through but a few bounced back — revealing that most of an atom is empty space with a tiny dense nucleus. Later experiments using X-ray diffraction, electron microscopy, and quantum theory revealed the shell structure of electrons. Today, scanning tunneling microscopes can even produce images showing the positions of individual atoms on a surface, confirming the models developed through these earlier experiments.