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

نظرة عامة على المشروع
- طوّر جدولاً دورياً تفاعلياً شاملاً.
- ضمن الجدول جميع العناصر الكيميائية المعروفة.

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

الوظائف الأساسية والمنطق
- تأكد من أن التفاعل عند النقر يظهر خصائص العنصر مثل الكهرسلبية، طاقة التأين، الكتلة الذرية، وغيرها.
- طبق فلاتر الفرز: معادن، غازات، لا فلزات، عناصر ذات خصائص كهربائية.

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

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

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

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