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

Обзор проекта
- Разработайте комплексную интерактивную периодическую таблицу.
- В таблице должны быть включены все известные химические элементы.

Дизайн UI/UX и последовательность
- Разработайте сеточное представление, отображающее все элементы.
- При нажатии на элемент отображается всплывающее окно с подробными свойствами.
- В нижней части разместите фильтры для сортировки элементов по типу.

Основная функциональность и логика
- Обеспечьте, чтобы при нажатии отображались свойства элемента: электроотрицательность, энергия ионизации, атомная масса и т.д.
- Реализуйте фильтры сортировки: металлы, газы, неметаллы, элементы с электрическими свойствами.

Лучшие практики
- Оптимизируйте навигацию и взаимодействие для удобства пользователя.
- Обеспечьте доступность и адаптивность для всех устройств.
- Предоставьте плавный опыт с четкими и информативными всплывающими окнами.

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

Q: Какие именно свойства элементов нужно включить в интерактивную таблицу?
A: Электроотрицательность, энергия ионизации, атомная масса и т.д.

Q: Какое взаимодействие предполагается для фильтров?
A: Фильтрация элементов по типам с отображением соответствующих элементов