创建一个详细的互动周期表应用。在该应用中，点击任一元素可显示其所有属性，如电负性、电离能等更多信息。包含用于过滤元素类型（如金属、气体、非金属以及具有电性属性的元素）的功能。该表必须包含所有已知的化学元素，并按周期、行和族排序。

项目概述
提供一个详细的互动周期表，涵盖所有已知元素，具备允许用户探索元素属性并按类型过滤的功能。

UI/UX设计与流程
设计一个界面，使每个元素可点击以展示弹出窗口或侧边面板中的详细属性信息。在底部包含一个过滤部分，提供下拉列表或单选按钮来筛选元素类型。

核心功能与逻辑
开发一个互动表格，其可点击的元素能显示详细信息。实现按周期、行和族的排序，同时确保涵盖所有元素。添加筛选逻辑以供用户选择特定元素类型。

最佳实践
确保设计人性化且直观。保持数据准确且最新。优化加载速度和各设备的响应性。

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

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

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