Periodic Table and Electron Shell Diagram

This educational tool allows you to search and classify 118 elements. For available elements, it displays reference physical properties, electron shell schematics, and major emission lines. It does not estimate or infer unrecorded data.

Loading tool interface...

When to use this tool

Back to the tool ↑

Explore 118 elements, inspect chemical categories, and look up standard reference properties quickly in your browser.

Try it first

Type 'Fe' into the search box to view iron, its atomic number 26, and associated periodic characteristics.

Before you start

Some property values are placeholders. Values serve only as general reference and omit isotopes or strict experimental conditions.

Local Browser Processing and Network Communication Notice

This tool's processing operates locally within your browser. Standard site assets, analytics, and advertisements may communicate separately. There are no guarantees.

ZeroTools: Browser Processing & Privacy

ZeroTools focuses on tools that process input on your device. Check each tool’s scope and limitations before use.

Processing and privacy policy
Chapter 1

Basic structure of the list of 118 elements

This system maps basic information such as atomic number, element symbol, element name, period, and group for all 118 elements from atomic number 1 to 118 on a two-dimensional grid, providing an intuitive interface for users to browse.

By visually structuring the horizontal arrangement from the first to the seventh period and the vertical arrangement from the first to the eighteenth group, which is the basic structure of the periodic table, the positional relationships between elements are clearly shown.

Furthermore, for the lanthanide and actinide series, it adopts a design that places them as independent rows at the bottom of the main grid, following the layout of a conventional standard periodic table.

The cells for each element deployed on the screen display the atomic number, element symbol, and name, and users can select any element by clicking or tapping to bring up its detailed information in the inspector area on the right side of the screen.

This tool does not perform molecular orbital calculations, wave function analysis, or intermolecular simulations, and solely displays electron shell schematics and related properties from recorded values.

It only provides a display based on predetermined static information, with the display processing executed entirely within the local browser environment.

Chapter 2

Simple classification of elements and interface

The 118 elements arranged on the periodic table are simply classified into multiple groups based on their chemical properties and metallic characteristics, and unique coloring is applied according to each category.

Specifically, divisions such as nonmetals, noble gases, alkali metals, alkaline earth metals, metalloids, halogens, post-transition metals, transition metals, lanthanides, actinides, and those unclassified in this tool are provided.

This color-coding feature makes it easy for users to visually grasp which areas concentrate element groups with what properties when looking over the entire periodic table.

Furthermore, the top of the interface is equipped with filtering buttons for each category and a text search function by element symbol, name, and atomic number, allowing you to highlight only the elements that match the specified conditions.

This combination of simple classification and search functions supports learning to quickly identify element groups with specific attributes and observe biases in their arrangement.

However, these classifications adopt basic divisions for general educational purposes, do not guarantee strict compliance with the latest standards of the International Union of Pure and Applied Chemistry (IUPAC), and do not comprehensively cover or reflect the complex behavior of elements with exceptional properties.

Chapter 3

Display of detailed data for recorded elements

In this encyclopedia, detailed property data such as mass, density, melting point, boiling point, electronegativity, year of discovery, discoverer, and unique explanatory text are recorded for only a limited number of specific elements out of the total 118.

Unrecorded elements (76 elements) are displayed as "Not available". For well-known elements like hydrogen, helium, iron, and gold, these physical and chemical numerical data are pre-written as fixed constants within the program, and are instantly displayed on the screen when the user selects the element in question.

These 42 detailed records contain multiple values each. These records require primary source verification and are not fully scientifically validated.

These data are provided as reference information for learning the basic properties of elements, but they are not asserted as the sole, absolute values scientifically established.

For example, numerical values such as density, melting point, and boiling point can fluctuate depending on measurement conditions, differences in allotropes, and pressure environments, and the values displayed in this tool do not include strict annotations regarding such preconditions or margins of error.

Also, the electronegativity values merely adopt representative values based on a specific scale, and there is no function to calculate and display dynamic property changes according to differences in isotopes or oxidation states.

Therefore, it is intended to be used strictly as an introductory reference for beginners to grasp an overview of the elements, not as reference data for precise laboratory calculations or specialized research activities.

Chapter 4

Simplified electron shell diagram in the style of the Bohr model

When an element with recorded detailed data is selected, a schematic diagram showing the arrangement of electrons around the atomic nucleus is displayed as an animation on the screen.

This display adopts a classical Bohr model-style conceptual representation technique, visually drawing each electron shell as a concentric circular orbit and representing the electrons belonging to it as small dots rotating at a constant speed, without depicting orbital shapes.

Importantly, this electron shell animation is not an accurate simulation of the spatial extent of electron clouds or three-dimensional probability density distributions shown by modern quantum mechanics.

Furthermore, it does not programmatically calculate quantum chemical constraints such as Pauli's exclusion principle or Hund's rules to strictly reproduce the filling order or spin states of electrons in each orbital.

It is simply a very simplified graphic display that reads pre-defined data on the number of electrons in each shell for each element, places that number of dots at equal intervals on concentric circles, and rotates them.

There is no estimation of electrons for unrecorded elements. Therefore, it is impossible to read the accurate three-dimensional structure of actual atoms or the detailed mechanisms of electron transfer during chemical bonding from this diagram, and it must be interpreted purely as a supplementary illustration for visually grasping the numerical concept of "how many electrons exist in which shell."

Chapter 5

Reference display of representative emission lines

For some of the recorded elements, the wavelengths of representative emission lines are drawn as colored lines on a black band in the visible light range.

The display target is approximately 380 nanometers to 780 nanometers, and it is a simple visual to confirm the positions of the recorded wavelengths.

As the current specification, only representative emission lines are shown when recorded; there is no absorption spectrum display mode, and it is not a complete spectrum.

In addition, the display is limited to a few representative lines, and it does not calculate changes due to line intensity, line width, fine structure, excitation conditions, or lines outside the visible range.

Fictional wavelengths are not generated for unrecorded elements, and a message stating that there is no data is displayed. Do not use this as an identification tool for spectroscopic experiments or as a line table for research; please check primary data such as NIST.

The colors of the lines are approximate conversions from wavelengths to RGB colors for screen display, and are not the result of measuring and calibrating the brightness and color when looking at an actual light source with a spectrometer.

The appearance also changes depending on the color gamut and brightness settings of the display. Ultraviolet and infrared rays outside the display range are not drawn, and even if the recorded wavelength is outside the visible range, it will not appear in the band.

Please use the numerical labels and line positions as an entry point to notice the differences between each element.

Chapter 6

Handling of unrecorded elements and precautions for educational use

This tool places 118 elements on the periodic table, but detailed property values, shell electron configurations, emission lines, and discovery histories are only recorded for some of them.

For unrecorded elements, you can confirm the atomic number, element symbol, name, and position based on period and group, but anything else is displayed as "Not available".

There is no process to estimate and supplement atomic weight, electronegativity, spectra, or discoverers using mathematical formulas.

Even for recorded values, it does not detail measurement conditions, allotropes, standard atomic weight intervals, or the revision timing of sources, so please limit it to a reference for introductory learning.

When using numerical values for assignments, experiments, or research, it is necessary to verify them with updated primary materials such as designated textbooks, CIAAW, and NIST.

Frequently Asked Questions (FAQ)

A.
No. While the atomic number, element symbol, name, and position on the periodic table are displayed for all 118 elements, details such as atomic weight, density, melting point, boiling point, electronegativity, and discovery history are only available for some elements. Unrecorded values are not supplemented by estimation.
A.
No. It is an educational schematic diagram that draws the recorded number of shell electrons as dots on concentric circles. It does not calculate or reproduce electron clouds, orbital shapes, spins, molecular orbitals, or wave functions.
A.
No. It is a reference display that draws representative emission lines of recorded elements at positions in the visible light range. It is not a comprehensive line table covering line intensity, fine structure, excitation conditions, or all wavelengths.
A.
This tool is intended for introductory learning. Because it does not sufficiently indicate measurement conditions, allotropes, atomic weight intervals, or source revisions, please check primary materials such as CIAAW and NIST or designated textbooks for professional use.