أنشئ جدولاً دوريًا تفاعليًا مفصلاً حيث عند النقر على عنصر يتم عرض جميع خصائصه مثل الكهروسالبية، طاقة التأين، والمزيد. أضف فلاتر لأنواع العناصر مثل المعادن، الغازات، اللافلزات، والعناصر ذات الخواص الكهربائية. يجب أن يشمل الجدول جميع العناصر الكيميائية المعروفة وأن يكون مصنفاً حسب الدورات، الصفوف، والمجموعات.

نظرة عامة على المشروع
قدم جدولًا دوريًا تفاعليًا مفصلًا يشمل جميع العناصر المعروفة، مع ميزات تتيح للمستخدمين استكشاف خصائص العناصر وتصفيتها حسب الأنواع.

تصميم وتجربة المستخدم وتدفق الواجهة
صمم واجهة يمكن فيها النقر على كل عنصر للكشف عن نافذة منبثقة أو لوحة جانبية تعرض خصائصه المفصلة. أضف قسم فلاتر في الأسفل باستخدام قوائم منسدلة أو أزرار اختيار لتصفية أنواع العناصر.

الوظائف الأساسية والمنطق
طور جدولاً تفاعليًا بعناصر قابلة للنقر تعرض معلومات مفصلة. نفذ التصنيف حسب الدورات، الصفوف، والمجموعات مع ضمان شمولية جميع العناصر. أضف منطق تصفية لعرض أنواع معينة من العناصر حسب اختيار المستخدم.

أفضل الممارسات
تأكد من أن التصميم سهل الاستخدام وبديهي. حافظ على دقة البيانات وتحديثها باستمرار. حسّن سرعات التحميل وتجربة الاستجابة على جميع الأجهزة.

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

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

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