Buatlah sebuah tabel periodik interaktif yang detail untuk unsur-unsur. Tabel tersebut harus menampilkan semua unsur kimia yang diketahui dan, ketika sebuah unsur diklik, menampilkan properti-propertinya seperti elektronegativitas, energi ionisasi, massa atom, dan lainnya. Sertakan filter di bagian bawah untuk mengurutkan unsur berdasarkan tipe (logam, gas, non-logam, unsur dengan properti listrik). Pastikan hal-hal berikut:

Gambaran Proyek
- Kembangkan tabel periodik interaktif yang komprehensif.
- Sertakan semua unsur kimia yang diketahui dalam tabel.

Desain dan Alur UI/UX
- Rancang tata letak grid yang mewakili semua unsur.
- Saat unsur diklik, tampilkan pop-up dengan properti detail.
- Sertakan filter di bagian bawah untuk menyortir unsur berdasarkan tipe.

Fungsi Inti dan Logika
- Pastikan interaksi klik menampilkan properti seperti elektronegativitas, energi ionisasi, massa atom, dll.
- Terapkan filter pengurutan: logam, gas, non-logam, unsur dengan properti listrik.

Praktik Terbaik
- Optimalkan navigasi dan interaksi untuk kemudahan pengguna.
- Pastikan aksesibilitas dan responsivitas di seluruh perangkat.
- Sediakan pengalaman yang lancar dengan pop-up yang jelas dan informatif.

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

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

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