Crea una tavola periodica interattiva e dettagliata degli elementi. La tavola deve mostrare tutti gli elementi chimici noti e, cliccando su un elemento, mostrare le sue proprietà come elettronegatività, energia di ionizzazione, massa atomica, ecc. Includi dei filtri in fondo per ordinare gli elementi per tipo (metalli, gas, non-metalli, elementi con proprietà elettriche). Assicurati di:

Panoramica del Progetto
- Sviluppare una tavola periodica interattiva completa.
- Includere nella tavola tutti gli elementi chimici conosciuti.

Design UI/UX e Flusso
- Progettare un layout a griglia che rappresenti tutti gli elementi.
- Al clic su un elemento, visualizzare un pop-up con proprietà dettagliate.
- Includere filtri in fondo per ordinare gli elementi per tipo.

Funzionalità e Logica di Base
- Assicurarsi che l'interazione al clic mostri le proprietà dell'elemento: elettronegatività, energia di ionizzazione, massa atomica, ecc.
- Implementare filtri di ordinamento: metalli, gas, non-metalli, elementi con proprietà elettriche.

Migliori Pratiche
- Ottimizzare la navigazione e l'interazione per un'esperienza utente amichevole.
- Garantire accessibilità e reattività su tutti i dispositivi.
- Fornire un'esperienza fluida con pop-up chiari e informativi.

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

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

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