Create a detailed interactive periodic table of elements where clicking on an element displays all its properties, such as electronegativity, ionization energy, and more. Include filters for element types like metals, gases, non-metals, and elements with electrical properties. The table must include all known chemical elements and be sorted by periods, rows, and groups.

Project Overview
Provide a detailed interactive periodic table encompassing all known elements, with features allowing users to explore element properties and filter by types.

UI/UX Design and Flow
Design an interface where each element can be clicked to reveal a pop-up or side panel showing detailed properties. Include a filter section at the bottom with dropdown lists or radio buttons for element type filters.

Core Functionality and Logic
Develop an interactive table with clickable elements that bring up detailed information. Implement sorting by periods, rows, and groups while ensuring full element coverage. Add filtering logic to view specific element types by user selection.

Best Practices
Ensure the design is user-friendly and intuitive. Keep data accurate and up-to-date. Optimize for fast loading times and responsiveness on all devices.

Создай подробную интерактивную переодическую таблицу менделеева, при нажатии на элемент должны показываться все свойства элемента, такие как электроотрицатнльность энергия ионизации, и другие. Также снизу должны быть фильтры элементов по видам, металлы, газы, неметаллы, элементы с электрическими свойствами. Таблица должна включать в себя все известные химические элементы. Также таблица должна быть отсортирована по периодам, рядам, группам

Q: Какой именно формат отображения свойств элемента вы хотите?
A: Например, в виде всплывающего окна или боковой панели.

Q: Какой стиль фильтров вы предпочитаете?
A: Например, выпадающий список или радиокнопки.