About the Interactive Periodic Table

The periodic table is one of the most important tools in chemistry, organizing all known chemical elements by their atomic number, electron configuration, and recurring chemical properties. Our interactive version brings this essential reference to life with detailed element data and powerful visualization tools.

Whether you're a student studying for an exam, a teacher preparing a lesson, or a professional looking up element properties, this tool provides instant access to comprehensive data for all 118 elements in a clean, intuitive interface.

What You Can Explore

Element Properties

Atomic mass, density, electronegativity, melting and boiling points for every element

Electron Configurations

Complete notation showing electron arrangement for all 118 elements

Element Categories

Alkali metals, noble gases, transition metals, halogens, and more

States of Matter

Visualize which elements are solid, liquid, or gas at any temperature

Discovery History

Timeline showing when each element was first identified by scientists

Visual Trends

Color-coded gradients reveal patterns in chemical and physical properties

How to Use

View Element Details

Click on any element in the table to open a detail panel showing its complete properties. The panel displays atomic number, mass, density, electronegativity, melting and boiling points, electron configuration, and discovery year.

Quick tip: Close the panel by clicking the X button, clicking the overlay, or pressing the Escape key.

Search Elements

Use the search bar to find elements by name, symbol, or atomic number. As you type, matching elements stay highlighted while others become dimmed. Clear the search with the X button to restore all elements.

Choose Visualization Mode

Use the Color by dropdown to switch between different visualization modes that reveal chemical patterns and trends:

State of Matter

Elements colored by their physical state (solid, liquid, gas) with an adjustable temperature slider

Electronegativity

Gradient showing how strongly atoms attract electrons in chemical bonds

Melting Point

Gradient showing the temperature at which elements transition from solid to liquid

Boiling Point

Gradient showing the temperature at which elements transition from liquid to gas

Year Discovered

Gradient showing when elements were first identified throughout history

Filter by Legend

Click any item in the legend to filter the table, showing only elements that belong to that group. Click the same item again to remove the filter and restore the full view.

Features

Complete Element Database

All 118 confirmed elements are included with accurate data sourced from IUPAC standards. Each element entry contains comprehensive information to support your research and learning.

Atomic Data

Number, symbol, name, and atomic mass

Classification

Category and group placement

Chemical Properties

Electronegativity and electron configuration

Physical Properties

Melting point, boiling point, and density

Six Color Visualization Modes

Go beyond the standard category view with five additional ways to visualize the periodic table. Each mode uses carefully chosen color scales to highlight patterns and trends across the elements, making it easy to spot relationships that might not be obvious in a traditional table.

Educational benefit: Different visualization modes help students understand periodic trends like electronegativity increasing across periods and atomic radius decreasing from left to right.

Real-Time Temperature Slider

In State of Matter mode, drag the temperature slider from 0 K to 6000 K and watch elements change state in real time. This provides an intuitive understanding of how temperature affects the physical state of different elements.

Room Temperature (298 K)

Element States

Most elements are solid
Only 2 liquids (Hg, Br)
11 gases (H, N, O, F, Cl, noble gases)

High Temperature (3000 K)

Element States

Many elements become liquid
Low-boiling elements vaporize
Only refractory metals remain solid

Interactive Legend Filtering

The legend adapts to the current color mode. In category and state modes, click any legend item to isolate elements of that type. In gradient modes, filter elements with missing data. Combined with search, this provides powerful ways to explore subsets of elements.

Responsive Design

The table adapts seamlessly to any screen size, ensuring a great experience whether you're on desktop, tablet, or mobile.

Desktop: Element details appear in a convenient sidebar panel
Mobile: Details slide up as a bottom sheet for easy viewing
Horizontal scrolling: Access the complete table on smaller screens
Touch-friendly: All controls optimized for touch interaction

Your Data Stays Private

All processing happens in your browser with complete privacy:

No Server Requests

Element data is embedded in the application — no external API calls or data transmission

No Tracking

We don't collect usage data, analytics, or any information about your interactions

Frequently Asked Questions

How many elements are in the periodic table?

The periodic table contains 118 confirmed elements, from Hydrogen (1) to Oganesson (118). Elements 113-118 were confirmed between 2003 and 2010 and have predicted rather than experimentally verified properties for many measurements.

Did you know? The most recently named elements (Nihonium, Moscovium, Tennessine, and Oganesson) were officially recognized by IUPAC in 2016.

What do the colors mean?

In the default Category mode, colors represent element groups:

Red for alkali metals
Orange for alkaline earth metals
Blue for transition metals
Purple for noble gases
Green for halogens
And more for other categories

You can switch to other color modes to visualize different properties like electronegativity, melting point, or discovery year.

Why do some elements show "—" for certain properties?

Elements with very short half-lives (particularly superheavy elements 104-118) have not been produced in sufficient quantities to measure all their physical properties. The dash indicates that no reliable experimental data is available.

Scientific limitation: Some superheavy elements exist for only fractions of a second, making it extremely difficult to measure properties like density or melting point.

What temperature units are used?

Temperatures are displayed in both Kelvin (K) and Celsius (°C). The temperature slider in State of Matter mode uses Kelvin, which is the standard unit in scientific contexts.

Room temperature (25°C) corresponds to 298 K

Reference Point	Kelvin (K)	Celsius (°C)
Absolute Zero	0 K	-273.15°C
Water Freezes	273 K	0°C
Room Temperature	298 K	25°C
Water Boils	373 K	100°C

What is electronegativity?

Electronegativity measures how strongly an atom attracts shared electrons in a chemical bond. It uses the Pauling scale, where:

Fluorine has the highest value (3.98) — most electronegative
Francium has the lowest value (0.70) — least electronegative
Noble gases typically have no assigned electronegativity value

Electronegativity is one of the most important concepts in chemistry for understanding chemical bonding and molecular polarity.
— Linus Pauling, Nobel Prize in Chemistry (1954)

Where are the Lanthanides and Actinides?

Following standard convention, the Lanthanides (elements 57-71) and Actinides (elements 89-103) are displayed in two separate rows below the main table. Dashed-border indicator cells at positions (6,3) and (7,3) in the main table mark where these series belong.

Why separate? Displaying these f-block elements in their proper positions would make the table extremely wide and difficult to use. The separate rows maintain readability while preserving the correct periodic relationships.