Move the sliders: protons change the element, neutrons the isotope, electrons the ion
Controls
Ready-made examples
Readings
- Element
- Sodium (Na)
- Atomic number, Z
- 11
- Mass number, A = Z + N
- 23
- Net charge
- 0
- Particle type
- Neutral atom
- Isotope
- Sodium-23 · stable
- Electron configuration by shell
- 2, 8, 1
- Electron configuration by subshell
- 1s² 2s² 2p⁶ 3s¹
- Valence electrons
- 1
How to use this simulation
- Move the Protons slider: each extra proton turns the atom into a different element (sodium into magnesium), and a new element arrives in its commonest neutral form.
- Now change only the Neutrons: the name stays, the mass number changes. That is an isotope, and the readings tell you whether it is stable or radioactive.
- Take away or add one Electron: the nucleus is untouched but the atom becomes an ion. Press the Na⁺ and Cl⁻ presets to compare.
- Watch the shells: K holds at most 2 electrons, L holds 8, and for the first 20 elements M holds 8. The electrons in the outermost shell are the valence electrons.
- Slow it to 0.25× to follow the electrons. Remember this is the Bohr picture; real electrons do not travel fixed tracks like planets but spread out as orbital "clouds".
From the pen in your hand to the stars: everything is atoms
Pick up a grain of sugar. Break it, break it again, keep going. How far can you go? About 2,500 years ago the Greek thinker Democritus guessed you would eventually reach a piece that cannot be cut any further. He called it atomos, "uncuttable", and that is where our word atom comes from.
Your body, water, air, your phone screen and the stars are all made of atoms. Just 118 kinds of atom, the elements, combine in different ways to make every substance there is, the way a few letters of the alphabet spell millions of words.
The twist is that atoms are not uncuttable after all. Inside are three smaller particles: protons, neutrons and electrons. How many of each an atom has, and how they are arranged, decides whether it is gold or oxygen and whether it bonds with others or keeps to itself. In the simulation above you can add and remove these particles and build atoms yourself.
Starting from zero: what exactly is an atom?
Definition: an atom is the smallest particle of an element that can take part in a chemical reaction. Every atom has two parts: a nucleus at the centre and electrons in shells around it.
The nucleus is unbelievably small. An atom has a radius of roughly 1 × 10⁻¹⁰ m, but its nucleus only about 1 × 10⁻¹⁵ m, so the atom is around 100,000 times wider. If the nucleus were a marble 1 cm across, the atom would be about 1 km wide: a marble in the middle of a huge field, with a few electrons buzzing around in almost empty space.
Then why does a table feel solid? Because electrons are negatively charged, and the electrons of the atoms in your hand strongly repel the electrons of the atoms in the table. You never really "touch" anything; what you feel as solid is that repulsion.
And where is nearly all the mass? In the nucleus. Protons and neutrons are each almost two thousand times heavier than an electron, so the mass of an atom is essentially the mass of its nucleus.
The story of atomic models: from Dalton to the modern model
Nobody has looked inside an atom with their eyes. Scientists ran experiments, pictured a model that explained the results, and replaced it when a new experiment showed where it failed. That chain of improvements is how science works, and exams ask about every link in it.
Dalton's atomic theory (1803)
John Dalton proposed that all matter is made of tiny indivisible atoms; atoms of one element are identical in mass and properties; atoms of different elements differ; and in a chemical reaction atoms are neither created nor destroyed, only rearranged.
Limitations: atoms can be divided (they contain protons, neutrons and electrons), and because of isotopes, atoms of one element do not all have the same mass. Even so, Dalton explained the laws of conservation of mass and definite proportions, which was revolutionary.
Thomson's plum-pudding model (1897–1904)
J. J. Thomson discovered the electron in his cathode-ray experiments. Since atoms are neutral, he pictured the atom as a sphere of positive charge with electrons stuck in it like plums in a pudding, or seeds in a watermelon.
Limitation: spreading the positive charge through the whole atom could not explain why, in Rutherford's experiment, a few alpha particles bounced straight back.
Rutherford's gold foil experiment and nuclear model (1911)
Ernest Rutherford fired fast alpha particles (positive helium nuclei) at a very thin gold foil. Three things happened: most passed straight through; some were deflected slightly; and a very few, about one in twenty thousand, bounced almost straight back.
Conclusions: most of the atom is empty space; all the positive charge and nearly all the mass sit in a tiny region at the centre, which he named the nucleus; and electrons revolve around the nucleus like planets round the Sun. That is why it is also called the planetary model.
Limitation: by classical electromagnetism a revolving charge radiates energy, so the electron should spiral into the nucleus, yet atoms are stable. The model also could not explain the line spectra of atoms.
Bohr's model (1913)
Niels Bohr fixed Rutherford's problem with two postulates. First, electrons move only in certain circular orbits with fixed energies, called energy levels or shells (K, L, M, N, or n = 1, 2, 3, 4), and while in these stationary orbits they do not radiate energy.
Second, an electron absorbs or emits energy only when it jumps from one level to another, and that energy equals the difference between the two levels. That is why different elements in fireworks glow in different colours.
Limitation: the Bohr model explains the spectrum of hydrogen beautifully but not the fine lines of many-electron atoms, nor the wave nature of the electron. The simulation above draws the Bohr picture, because school electron configurations are taught in this model.
The modern (quantum mechanical) model
Work by Schrödinger, Heisenberg and others showed that an electron has no fixed path. We can only say where it is most likely to be found; that cloud of probability is an orbital (s, p, d, f). So each shell contains subshells, and configurations such as 1s² 2s² 2p⁶ in Class 11 come from this model.
The three particles: proton, neutron and electron
Here are the three fundamental particles of the atom in one table. Masses are given in kilograms and, beside them, in atomic mass units (u). Notice that protons and neutrons weigh almost the same, while the electron is tiny by comparison.
A proton is about 1,836 times heavier than an electron. That is why electrons are ignored when we count the mass number.
| Particle | Symbol | Charge | Relative charge | Mass (kg) | Mass (u) | Where | Discovered by |
|---|---|---|---|---|---|---|---|
| Proton | p | +1.602 × 10⁻¹⁹ C | +1 | 1.673 × 10⁻²⁷ | 1.0073 | nucleus | Rutherford (1919) |
| Neutron | n | 0 | 0 | 1.675 × 10⁻²⁷ | 1.0087 | nucleus | Chadwick (1932) |
| Electron | e | −1.602 × 10⁻¹⁹ C | −1 | 9.109 × 10⁻³¹ | 0.000549 | shells | Thomson (1897) |
Atomic number and mass number
The number of protons in the nucleus of an atom is its atomic number (Z). It is the element's ID number: 11 protons means sodium, anywhere in the universe, in any state. Add one proton and it is magnesium. Try it with the Protons slider.
The total number of protons and neutrons in the nucleus is the mass number (A). Protons and neutrons together are called nucleons, so the mass number is simply the count of nucleons.
In a neutral atom the number of electrons equals the number of protons. A proton's positive charge and an electron's negative charge are equal in size and opposite in sign, so equal numbers cancel to a total charge of zero. That is the answer to "why is an atom electrically neutral?"
Z = number of protons= number of electrons in a neutral atom
A = Z + Nmass number = protons + neutrons
N = A − Zhow to find the number of neutrons
ᴬ_Z Xmass number top left, atomic number bottom left, e.g. ²³₁₁Na
Isotopes, isobars and isotones
Atoms of the same element, with the same number of protons but different numbers of neutrons and therefore different mass numbers, are called isotopes. Isotopes have almost identical chemical properties (their electrons are arranged the same way) but can differ in physical properties such as mass, density and radioactivity.
Hydrogen's three isotopes even have their own names: protium (¹H, no neutron), deuterium (²H, one neutron) and tritium (³H, two neutrons, radioactive). Choose hydrogen in the simulation and set the neutrons to 0, 1 and 2 to make all three.
Atoms of different elements with the same mass number are isobars; atoms with the same number of neutrons are isotones. Compare the examples in the table.
| Type | Same | Different | Example |
|---|---|---|---|
| Isotopes | protons (Z) | neutrons and mass number | ¹²C, ¹³C, ¹⁴C (neutrons 6, 7, 8) |
| Isobars | mass number (A) | protons and neutrons | ⁴⁰Ar (22 neutrons) and ⁴⁰Ca (20 neutrons) |
| Isotones | neutrons (N) | protons and mass number | ¹⁴C and ¹⁶O (both 8 neutrons) |
Rules for writing electron configuration
Electron configuration is the way an atom's electrons are arranged in its shells. Knowing it tells you whether an element is a metal or a non-metal, how many bonds it makes and where it sits in the periodic table, which is why electron configuration is called the basis of the periodic table.
Rule 1: a shell holds at most 2n² electrons
The nth shell can hold at most 2n² electrons: K (n = 1) holds 2, L (n = 2) holds 8, M (n = 3) holds 18 and N (n = 4) holds 32.
Rule 2: no more than 8 in the outermost shell
Although M can hold 18, the outermost shell of an atom never holds more than 8 electrons. So potassium (Z = 19) is 2, 8, 8, 1 and not 2, 8, 9, and calcium is 2, 8, 8, 2. For the first 20 elements the school rule is therefore 2, 8, 8, 2.
Rule 3: lower energy fills first (Aufbau principle)
Electrons fill lower-energy shells and subshells before higher ones. The subshell order is 1s → 2s → 2p → 3s → 3p → 4s → 3d …; an s subshell holds up to 2 electrons and a p subshell up to 6. 4s fills before 3d, which is why potassium's last electron goes into 4s.
| n | Shell | Maximum electrons (2n²) |
|---|---|---|
| 1 | K | 2 × 1² = 2 |
| 2 | L | 2 × 2² = 8 |
| 3 | M | 2 × 3² = 18 |
| 4 | N | 2 × 4² = 32 |
Electron configuration of the first 20 elements (table)
This table is generated by the same rule the simulation uses, so it matches exactly what you see as you move the Protons slider. The configurations of the first 20 elements are asked almost every year, so write the table out once yourself.
| Z | Element | Shells (K, L, M, N) | Subshells | Valence electrons |
|---|---|---|---|---|
| 1 | Hydrogen (H) | 1 | 1s¹ | 1 |
| 2 | Helium (He) | 2 | 1s² | 2 |
| 3 | Lithium (Li) | 2, 1 | 1s² 2s¹ | 1 |
| 4 | Beryllium (Be) | 2, 2 | 1s² 2s² | 2 |
| 5 | Boron (B) | 2, 3 | 1s² 2s² 2p¹ | 3 |
| 6 | Carbon (C) | 2, 4 | 1s² 2s² 2p² | 4 |
| 7 | Nitrogen (N) | 2, 5 | 1s² 2s² 2p³ | 5 |
| 8 | Oxygen (O) | 2, 6 | 1s² 2s² 2p⁴ | 6 |
| 9 | Fluorine (F) | 2, 7 | 1s² 2s² 2p⁵ | 7 |
| 10 | Neon (Ne) | 2, 8 | 1s² 2s² 2p⁶ | 8 |
| 11 | Sodium (Na) | 2, 8, 1 | 1s² 2s² 2p⁶ 3s¹ | 1 |
| 12 | Magnesium (Mg) | 2, 8, 2 | 1s² 2s² 2p⁶ 3s² | 2 |
| 13 | Aluminium (Al) | 2, 8, 3 | 1s² 2s² 2p⁶ 3s² 3p¹ | 3 |
| 14 | Silicon (Si) | 2, 8, 4 | 1s² 2s² 2p⁶ 3s² 3p² | 4 |
| 15 | Phosphorus (P) | 2, 8, 5 | 1s² 2s² 2p⁶ 3s² 3p³ | 5 |
| 16 | Sulfur (S) | 2, 8, 6 | 1s² 2s² 2p⁶ 3s² 3p⁴ | 6 |
| 17 | Chlorine (Cl) | 2, 8, 7 | 1s² 2s² 2p⁶ 3s² 3p⁵ | 7 |
| 18 | Argon (Ar) | 2, 8, 8 | 1s² 2s² 2p⁶ 3s² 3p⁶ | 8 |
| 19 | Potassium (K) | 2, 8, 8, 1 | 1s² 2s² 2p⁶ 3s² 3p⁶ 4s¹ | 1 |
| 20 | Calcium (Ca) | 2, 8, 8, 2 | 1s² 2s² 2p⁶ 3s² 3p⁶ 4s² | 2 |
Valence electrons, the octet rule and ions
The electrons in the outermost shell are the valence electrons. Almost all of chemistry happens here: bonding, forming ions, reacting. The noble gases (helium, neon, argon) have full outer shells, which is why they hardly react with anything.
Other elements try to reach 8 electrons in the outer shell like a noble gas (2 in the first shell, for hydrogen and helium); this is the octet rule. An atom with 1, 2 or 3 outer electrons tends to give them away (metals); one with 5, 6 or 7 tends to gain more (non-metals).
Losing electrons leaves more protons than electrons, so the atom becomes a positive ion, a cation, such as Na⁺. Gaining electrons makes a negative ion, an anion, such as Cl⁻. The nucleus does not change at all, so the element stays the same element.
Valency is the number of electrons an atom gives, takes or shares. Magnesium has 2 outer electrons, so its valency is 2. Chlorine has 7 and needs 1 more to complete its octet, so its valency is 1. Oxygen's valency is 2.
Try these experiments in the simulation
Before each experiment, predict what will happen; then move the sliders and check. A wrong prediction is the one you remember best.
- Experiment 1: raise the protons one by one from 1 to 20. At which elements does a new shell start? (Lithium, sodium and potassium.)
- Experiment 2: with carbon, set the neutrons to 6, 7 and 8. The first two are stable; the third is radioactive carbon-14, used to date ancient objects.
- Experiment 3: remove one electron from sodium (2, 8, 1). The configuration becomes 2, 8, exactly like neon. That is why sodium forms Na⁺ so easily.
- Experiment 4: add one electron to chlorine (2, 8, 7). Now it is 2, 8, 8, a full octet like argon.
- Experiment 5: build neon (Z = 10). It has 8 valence electrons and a full outer shell, which is why neon is inert.
- Experiment 6: give an element far too many or too few neutrons. The readings say "not stable in nature", because a nucleus needs a balance of protons and neutrons to hold together.
Solved examples, step by step
Every answer below is calculated by this page's code, so it agrees with the simulation. Try each one with pen and paper first.
Example 1: counting the particles in sodium-23
Sodium has atomic number 11 and mass number 23. Neutrons = A − Z = 23 − 11 = 12. It is neutral, so it has 11 electrons. Configuration 2, 8, 1, in subshells 1s² 2s² 2p⁶ 3s¹, with 1 valence electron. This is the atom the simulation starts with.
Example 2: the average atomic mass of chlorine
Natural chlorine is about 75% ³⁵Cl and 25% ³⁷Cl. Average mass = (35 × 75 + 37 × 25) ÷ 100 = 26.25 + 9.25 = 35.5. That is why chlorine's atomic mass in the periodic table is not a whole number.
average mass = Σ (mass number × % abundance) ÷ 100
Example 3: how many electrons each shell can hold
Putting n = 1, 2, 3, 4 into 2n² gives 2, 8, 18 and 32. But the outermost shell never holds more than 8, so calcium is 2, 8, 8, 2.
Example 4: configuration of ions
Aluminium (Z = 13) is 2, 8, 3 when neutral. Al³⁺ loses 3 electrons, leaving 10: configuration 2, 8.
Sulfur (Z = 16) is 2, 8, 6 when neutral. S²⁻ gains 2 electrons, giving 18: configuration 2, 8, 8. Both ions end with a full octet.
Example 5: the mass of a carbon-12 atom and the electrons' share
6 protons and 6 neutrons weigh 2.009 × 10⁻²⁶ kg. 6 electrons weigh 5.466 × 10⁻³⁰ kg. The whole atom is 2.009 × 10⁻²⁶ kg, of which only 0.027% is electrons: proof that the mass of an atom is almost all in its nucleus.
Example 6: how many times heavier is a proton than an electron?
Proton mass ÷ electron mass = 1.673 × 10⁻²⁷ ÷ 9.109 × 10⁻³¹ ≈ 1,836. It takes about 1,836 electrons to match the mass of one proton.
Example 7: how empty is an atom?
Atomic radius 1 × 10⁻¹⁰ m, nuclear radius 1 × 10⁻¹⁵ m; ratio = 100,000. If the nucleus were a 1 cm marble, the atom would be 1 cm × 100,000 = 1 km wide.
Example 8: radiocarbon dating
Carbon-14 has a half-life of 5,730 years. An old piece of wood has only 12.5% of the carbon-14 a living tree has. 100 → 50 → 25 → 12.5, so 3 half-lives have passed. Age = 3 × 5,730 = 17,190 years.
Mistakes almost everyone makes
These are the errors examiners see most often. Read them once and they will not cost you marks.
- Adding electrons to the mass number. Mass number = protons + neutrons only.
- Defining atomic number as the number of electrons. They are equal in a neutral atom but not in an ion, so always write "number of protons".
- Writing potassium as 2, 8, 9. The outer shell never holds more than 8; the right answer is 2, 8, 8, 1.
- Thinking an ion is a different element. Only electrons change in an ion, never protons; Na⁺ is still sodium.
- Thinking isotopes are different elements. Isotopes have the same number of protons, so they are the same element.
- Treating Rutherford's model as final. Its big gap (why electrons do not fall into the nucleus) was fixed by Bohr.
Atomic structure in real life
This is not just exam theory; knowing how atoms are built saves lives and powers cities every day.
- Carbon-14 dating: archaeologists find the age of ancient bones, wood and cloth.
- Medicine: iodine-131 treats thyroid disease, cobalt-60 is used in cancer radiotherapy and technetium-99m in body scans.
- Electricity: nuclear power plants split uranium-235 nuclei to produce heat and electricity.
- Agriculture: radioactive isotopes help develop better crop varieties and test how well fertilisers work.
- Fireworks and neon signs: light is given out when electrons jump between shells, and each element has its own colour.
- Smoke detectors: alpha particles from americium-241 ionise the air, and smoke interrupts that current.
Exam corner
In Class 9 (CBSE, "Structure of the Atom") and SSC chemistry, short questions usually ask for definitions (isotope, atomic number, valency), the reason an atom is neutral, the observations and conclusions of the gold foil experiment and the limitations of each model.
Longer questions usually give the atomic numbers of a few elements and ask you to write electron configurations, show ion formation or calculate an average atomic mass. Examples 2 and 4 above are exactly this kind.
In Class 11 (HSC and NEET/JEE) the chapter adds quantum numbers, orbital shapes, the Aufbau, Pauli and Hund rules and the hydrogen spectrum from Bohr's energy levels, a steady source of MCQs.
Quick revision
Read just this list the night before the exam.
- Atom = nucleus (protons + neutrons) + electrons in shells.
- Z = number of protons; A = protons + neutrons; N = A − Z.
- Neutral atom: protons = electrons; fewer electrons makes a cation, more makes an anion.
- Isotopes share Z; isobars share A; isotones share N.
- A shell holds at most 2n² electrons; the outermost holds no more than 8.
- Order of models: Dalton → Thomson → Rutherford → Bohr → quantum model.
Frequently asked questions
What is the structure of an atom?
An atom has a small, dense, positively charged nucleus containing protons and neutrons, surrounded by negatively charged electrons arranged in energy shells. Almost all the mass is in the nucleus, while most of the volume is empty space.
Why is an atom electrically neutral?
An atom has equal numbers of protons and electrons. Each proton carries a positive charge equal in size to an electron's negative charge, so they cancel out. Neutrons carry no charge.
What are isotopes? Give an example.
Isotopes are atoms of the same element with the same number of protons but different numbers of neutrons, so their mass numbers differ. Examples: carbon-12, carbon-13 and carbon-14, or protium, deuterium and tritium.
What are the rules for electron configuration?
Each shell holds at most 2n² electrons, the outermost shell holds no more than 8, and lower-energy shells and subshells fill first (Aufbau order 1s, 2s, 2p, 3s, 3p, 4s …).
What is the difference between atomic number and mass number?
Atomic number is the number of protons, which fixes the element. Mass number is the total of protons and neutrons, which varies between isotopes of the same element.
What were the limitations of Rutherford's model?
It could not explain why a revolving electron does not radiate energy and spiral into the nucleus, so it could not explain the stability of the atom. Nor could it explain line spectra or the arrangement of electrons.
Why is the atomic mass of chlorine 35.5?
Chlorine exists as two isotopes, 35 and 37, in roughly a 3:1 ratio. Their abundance-weighted average is 35.5, so chlorine's atomic mass is a fraction.
What is the difference between an orbit and an orbital?
An orbit is Bohr's fixed circular path for an electron. An orbital is the modern idea: a three-dimensional region around the nucleus where an electron is most likely to be found. An orbital has no fixed path.
Why does the simulation stop at 20 elements?
The school 2, 8, 8, 2 shell rule applies directly to the first 20 elements. From scandium (Z = 21) the 3d subshell starts filling, which the simple shell rule cannot show; that belongs to the Class 11 subshell rules.
Keep studying this topic
The animation made the idea click; now turn it into marks. Syllabus, suggestions, textbooks and admission-test guides are below.
SSC
SSC General Science
Textbook
Class 9-10 Science textbook
SSC
SSC Chemistry: syllabus and preparation
HSC
HSC Chemistry: syllabus and preparation
Textbook
Class 9-10 Chemistry textbook
Admission
Medical admission test preparation
Admission
Dhaka University science unit admission 2026-27
English
Paragraph: Environment Pollution
Bangla
রচনা: পরিবেশ দূষণ (in Bangla)
English
Composition: Wonders of Modern Science
SSC
SSC suggestions
HSC
HSC suggestions
Admission
University admission guide
SSC
SSC syllabus
HSC
HSC syllabus
More chemistry animations
Grade 8–11
Acids, Bases and the pH Scale
What is pH and what does the pH scale show? Drip a base into an acid, watch the indicator change colour and trace a live titration curve, with worked pH problems.
Grade 9–11
Electron configuration
How to write electron configurations: Aufbau order, Pauli and Hund rules, the Cr and Cu exceptions, ions and noble-gas shorthand. Watch electrons fill, Z 1–36.
Grade 9–11
Gas laws: Boyle, Charles, Gay-Lussac, Avogadro and PV = nRT
Push a piston and heat a gas: Boyle's, Charles's, Gay-Lussac's and Avogadro's laws, the ideal gas law PV = nRT, graphs, R values and solved problems.
Grade 8–11
How an Ionic Bond Forms
What is ionic bonding, and how does a metal atom transfer electrons to a non-metal to form ions? Drop NaCl, MgO or CaCl2 into the simulation and watch charge balance derive the formula, with worked examples.
Grade 9–12
Electrolysis and Faraday’s Laws
What is electrolysis, what forms at the cathode and anode, and how does Faraday's law compute the mass deposited? Choose molten NaCl, CuSO2 or acidified water and watch, with worked examples.
Grade 9–12
Covalent Bond
What is a covalent bond? Build H₂O, NH₃, CH₄ and CO₂ atom by atom in a dot-and-cross simulation: single, double and triple bonds, lone pairs, the octet rule and bond polarity, with worked examples.
Grade 9–11
Periodic Trends
What are periodic trends? See how atomic radius, ionization energy, electronegativity and metallic character change across a period and down a group, on a heat map of the first 36 elements, with the real exceptions.
Animations in other subjects
Physics
Refraction of light
Physics
Ohm's law
Physics
Projectile motion
Physics
Simple pendulum
Physics
Electric field
Physics
Wave interference
Physics
Free Fall
Physics
Lens ray diagrams
Physics
Newton's Laws of Motion
Physics
Spherical mirror ray diagrams
Physics
Electromagnetic Induction
Physics
Conservation of Momentum and Collisions
Physics
Work, Energy and Power
Physics
Inclined Plane
Biology
Mitosis cell division
Biology
Diffusion and Osmosis
Biology
Photosynthesis
Biology
The human heart: structure and function
Biology
Mendelian Genetics
Biology
DNA Replication
Biology
Cellular Respiration
Biology
Enzyme Action
Biology
The Nerve Impulse and the Action Potential
Biology
The Nephron and Urine Formation
Biology
Meiosis Cell Division
Biology
Digestive System
Mathematics
Pythagorean Theorem
Mathematics
Trigonometric Ratios and the Unit Circle
Mathematics
Quadratic functions and their graphs
Mathematics
Circle theorems
Mathematics
Heights and distances: elevation and depression angles
Mathematics
Probability: experimental vs theoretical probability
Mathematics
Arithmetic and Geometric Sequences
Mathematics






















