Interactive Periodic Table: How to Read 118 Elements From Their Data

A printed periodic table rewards memorizers. An interactive one rewards

people who ask the data questions. Ours carries 118 elements as raw

tuples and renders them as clickable cells. Click any element and a

panel opens with its atomic number, atomic mass, and category. That is

deliberately small, and the interesting part is what the underlying data

choices teach you about chemistry.

What the grid actually encodes

The table draws 18 columns and 10 rows. Seven rows form the main table,

one row is a spacer, and the final two rows hold the lanthanides and

actinides pulled out beneath the body.

The placement of those two rows is a real editorial decision. In our

data, group 3 of period 6 holds lutetium, number 71, and group 3 of

period 7 holds lawrencium, number 103. That follows the lutetium

convention, where the f-block runs from lanthanum to ytterbium in the

detached row and the d-block owns group 3. Other tables place lanthanum

and actinium there instead. Both appear in textbooks and in labs. When

two sources disagree about group 3, neither is broken.

Why some atomic masses are whole numbers

Scan the masses and a pattern appears.

Hydrogen carries 1.008. Iron carries 55.85. These are decimal values

averaged over natural isotope mixtures.

Technetium, number 43, carries 98. No decimal. From polonium, number

84, onward almost every mass is a bare integer, with thorium at 232.0,

protactinium at 231.0, and uranium at 238.0 as the exceptions that keep

one decimal place.

The integers mark elements with no stable isotopes. There is no natural

mixture to average, so the value shown is a mass number for a

representative isotope rather than a measured atomic mass. This is why

reading the table left to right and flagging integer masses finds

technetium, then everything from polonium up. Those are the synthetic

and radioactive elements, and the data format announces them before the

category color does.

Category calls the data makes

Each element carries one of ten categories: alkali metal, alkaline

earth, transition metal, post-transition metal, metalloid, nonmetal,

noble gas, lanthanide, actinide, or unknown.

Two calls deserve attention.

Oganesson, number 118, is filed as a noble gas. Its heavier relatives

helium through radon earn that label from observed chemistry. Oganesson

has been produced in tiny quantities, predictions about its behavior

suggest it may not behave like a classic noble gas, and the label in any

compact table is a simplification. Treat it as the column it sits in,

nothing stronger.

Eight superheavy elements carry the honest label unknown, from

meitnerium at 109 through tennessine at 117. The data refuses to guess

a category where experiments are thin. That refusal is a feature. A

table that admits the edge of its own knowledge teaches more than one

that fills every box with false confidence.

One limitation of the current palette is worth knowing. Metalloid and

noble gas cells share the same teal shade in the legend. The detail

panel states the category in words, so read the panel when the color

alone leaves you guessing between those two groups.

Study with the table in five steps

1. Pick one column, such as group 17, and click the top and bottom

elements. Same category, different mass, and the shared column is

the shared valence electron count.

2. Walk one full period left to right and watch the mass climb in small

steps while the category cycles from metal through nonmetal to noble

gas.

3. Hunt every integer mass. You will meet technetium in period 5 and

then nearly everything after polonium. This single exercise fixes

the location of the unstable elements.

4. Compare a metalloid with its neighbors, silicon at 14 with

phosphorus at 15, and read both panels back to back.

5. Count the detached rows. Fourteen lanthanides and fourteen actinides

explain why the f-block gets its own two lanes instead of squeezing

into the main body.

What this periodic table is not for

The detail panel shows three properties per element: number, mass, and

category. It does not show electronegativity, electron configuration,

melting points, or discovery dates. If your exam covers those, pair this

table with a reference sheet.

The masses are rounded to at most four significant figures. That is

fine for building intuition and terrible for stoichiometry homework,

where a difference in the third decimal propagates through every mole

calculation. Use full precision data when the answer needs to carry

units you will be graded on.

And with two categories sharing a color, the visual legend alone cannot

always carry the classification. The click panel is the source of truth,

not the shade.

Checklist before you rely on any interactive table

1. Confirm the element count is 118 and hydrogen through oganesson are

all present.

2. Check where group 3 of periods 6 and 7 points, lutetium and

lawrencium here, so cross-source comparisons line up.

3. Look for integer masses to locate the unstable elements.

4. See how superheavy elements are categorized before you cite their

properties.

5. Compare masses against a full precision source before using them in

calculations.

---

Which element surprised you when you opened its panel, and which

property do you wish it carried? That answer shapes what a compact

table should include next. Explore the 118 elements yourself at

https://webrecast.com/en/periodic-table