Erstelle eine detaillierte interaktive Periodentabelle, in der beim Klicken auf ein Element alle seine Eigenschaften angezeigt werden, wie zum Beispiel Elektronegativität, Ionisierungsenergie und mehr. Integriere Filter für Elementtypen wie Metalle, Gase, Nichtmetalle und Elemente mit elektrischen Eigenschaften. Die Tabelle muss alle bekannten chemischen Elemente enthalten und nach Perioden, Zeilen und Gruppen sortiert sein.

Projektübersicht
Stelle eine detaillierte interaktive Periodentabelle bereit, die alle bekannten Elemente umfasst und dem Benutzer ermöglicht, die Eigenschaften der Elemente zu erkunden und nach Typen zu filtern.

UI/UX Design und Ablauf
Gestalte eine Benutzeroberfläche, in der jedes Element angeklickt werden kann, um ein Pop-up oder ein Seitenpanel mit detaillierten Eigenschaften anzuzeigen. Füge am unteren Rand einen Filterbereich mit Dropdown-Listen oder Optionsbuttons für die Elementtyp-Filter hinzu.

Kernfunktionalität und Logik
Entwickle eine interaktive Tabelle mit anklickbaren Elementen, die detaillierte Informationen anzeigen. Implementiere eine Sortierung nach Perioden, Zeilen und Gruppen, um eine vollständige Abdeckung der Elemente sicherzustellen. Füge eine Filterlogik hinzu, um bestimmte Elementtypen entsprechend der Benutzerwahl anzuzeigen.

Best Practices
Stelle sicher, dass das Design benutzerfreundlich und intuitiv ist. Halte die Daten genau und aktuell. Optimiere die Ladezeiten und die Reaktionsfähigkeit auf allen Geräten.

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

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

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