Erstellen Sie ein detailliertes, interaktives Periodensystem der Elemente. Die Tabelle soll alle bekannten chemischen Elemente anzeigen und bei einem Klick auf ein Element dessen Eigenschaften wie Elektronegativität, Ionisierungsenergie, Atommasse etc. anzeigen. Fügen Sie unten Filter hinzu, um Elemente nach Typ zu sortieren (Metalle, Gase, Nichtmetalle, Elemente mit elektrischen Eigenschaften). Stellen Sie sicher:

Projektübersicht
- Entwickeln Sie ein umfassendes interaktives Periodensystem.
- Integrieren Sie alle bekannten chemischen Elemente in die Tabelle.

UI/UX-Design und Ablauf
- Gestalten Sie ein Rasterlayout, das alle Elemente darstellt.
- Bei einem Klick auf ein Element erscheint ein Pop-up mit detaillierten Eigenschaften.
- Fügen Sie unten Filter zur Sortierung der Elemente nach Typ hinzu.

Kernfunktionalität und Logik
- Sorgen Sie dafür, dass bei einem Klick die Eigenschaften des Elements (Elektronegativität, Ionisierungsenergie, Atommasse usw.) angezeigt werden.
- Implementieren Sie Sortierfilter: Metalle, Gase, Nichtmetalle, Elemente mit elektrischen Eigenschaften.

Beste Praktiken
- Optimieren Sie die Navigation und Interaktion für den Benutzer.
- Stellen Sie die Zugänglichkeit und Reaktionsfähigkeit auf allen Geräten sicher.
- Bieten Sie ein nahtloses Erlebnis mit klaren, informativen Pop-ups.

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

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

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