Interactive Periodic Table

📖 Introduction

The periodic table arranges all 118 known chemical elements in order of increasing atomic number and groups elements with similar chemical behaviour into the same vertical column. It is the single most important reference in school and university chemistry. This tool covers element 1 hydrogen through element 118 oganesson, and for every entry it lists the Chinese name, English name, element symbol, relative atomic mass, period and group, electron configuration, state at room temperature and year of discovery. The fifteen lanthanides and fifteen actinides are drawn on separate rows so that the main body of the table stays readable. Besides clicking any cell for a full profile, you can filter by element category or physical state, or simply type a name, a symbol or an atomic number into the search box. Everything runs locally in your browser: no data is uploaded and nothing needs to be installed. Because the whole data set is embedded as a plain array, the table responds instantly even on a slow connection, and it keeps working in a classroom without internet access. Teachers can project the grid and call out an atomic number for students to locate, while students revising at home can use the category filter to memorise one column at a time, for instance all six halogens or all seven noble gases. The state filter is particularly handy when revising physical properties, because it immediately shows which elements are liquid or gaseous at room temperature. Search accepts partial input, so typing hy finds hydrogen and typing 79 jumps straight to gold. Results can be copied as plain text or exported as a CSV file that opens directly in any spreadsheet application for further work.

✨ Features

• All 118 elements are included, among them the synthetic superheavy elements 104 to 118.
• Eleven data fields per element: mass, period, group, electron configuration, state and more.
• Click any cell in the table and the full profile opens instantly underneath.
• Filter by eleven categories such as alkali metal, transition metal or halogen.
• Filter by solid, liquid or gaseous state to compare physical properties.
• Search by Chinese name, English name, element symbol or atomic number.

🚀 How to use

1. Type an element name, symbol or atomic number into the search field.
2. Or use the category and state drop-down lists to filter in bulk.
3. Click a cell in the table to display the detailed data table for that element.
4. Press copy to save the result, or export CSV for an editable spreadsheet file.
5. Press clear at any time to restore the full set of 118 elements.

⚠️ Notes

• Data source. Atomic masses follow the IUPAC standard values; for radioactive elements the mass number of the longest lived isotope is shown.
• Period and group. Group numbers for the lanthanides and actinides follow convention and do not always match their position in the main table.
• Electron configuration. Energy levels are written with Unicode superscripts, which a few fonts may render incorrectly.
• Rare characters. The Chinese names of elements beyond 104 were coined recently and older fonts may show them as boxes.
• Works offline. All data is bundled inside the plugin; no network access and no data leaves your device.