Crea una tabla periódica interactiva y detallada de los elementos. La tabla debe mostrar todos los elementos químicos conocidos y, al hacer clic en uno, mostrar sus propiedades como electronegatividad, energía de ionización, masa atómica, etc. Incluye filtros en la parte inferior para ordenar los elementos por tipo (metales, gases, no metales, elementos con propiedades eléctricas). Asegúrate de lo siguiente:

Resumen del Proyecto
- Desarrolla una tabla periódica interactiva completa.
- Incluye en la tabla todos los elementos químicos conocidos.

Diseño y Flujo UI/UX
- Diseña una cuadrícula que represente todos los elementos.
- Al hacer clic en un elemento, muestra una ventana emergente con propiedades detalladas.
- Incluye filtros en la parte inferior para ordenar los elementos por tipo.

Funcionalidad y Lógica Central
- Asegura que la interacción al hacer clic muestre propiedades como electronegatividad, energía de ionización, masa atómica, etc.
- Implementa filtros para ordenar: metales, gases, no metales, elementos con propiedades eléctricas.

Mejores Prácticas
- Optimiza para una navegación e interacción amigables.
- Asegura accesibilidad y capacidad de respuesta en diversos dispositivos.
- Proporciona una experiencia fluida con ventanas emergentes claras e informativas.

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

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

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