सभी ज्ञात रासायनिक तत्वों को विस्तृत रूप से प्रदर्शित करने वाली इंटरैक्टिव आवर्त सारणी बनाएं। सारणी में सभी तत्व शामिल होने चाहिए और किसी तत्व पर क्लिक करने पर उसकी विशेषताएं जैसे इलेक्ट्रोनैगेटिविटी, आयनीकरण ऊर्जा, परमाणु द्रव्यमान आदि दिखाई दें। साथ ही, निचले भाग में ऐसे फिल्टर शामिल करें जिससे तत्वों को उनके प्रकार (धातुएं, गैसें, अधातुएं, विद्युत गुण वाले तत्व) के आधार पर छांटा जा सके। निम्नलिखित बातों का ध्यान रखें:

प्रोजेक्ट ओवरव्यू
- एक समग्र इंटरैक्टिव आवर्त सारणी विकसित करें।
- सारणी में ज्ञात सभी रासायनिक तत्व शामिल करें।

UI/UX डिज़ाइन और फ्लो
- सभी तत्वों का प्रतिनिधित्व करने के लिए ग्रिड लेआउट डिज़ाइन करें।
- किसी तत्व पर क्लिक करने पर विस्तृत गुणों के साथ एक पॉप-अप प्रदर्शित करें।
- तत्वों को उनके प्रकार के अनुसार छांटने के लिए निचले भाग में फिल्टर शामिल करें।

मुख्य कार्यक्षमता और लॉजिक
- सुनिश्चित करें कि क्लिक पर इलेक्ट्रोनैगेटिविटी, आयनीकरण ऊर्जा, परमाणु द्रव्यमान आदि प्रदर्शित हों।
- धातुएं, गैसें, अधातुएं, और विद्युत गुण वाले तत्वों के लिए फिल्टर लागू करें।

सर्वोत्तम अभ्यास
- यूजर-फ्रेंडली नेविगेशन और इंटरैक्शन के लिए अनुकूलन करें।
- विभिन्न उपकरणों पर पहुंच और उत्तरदायी डिज़ाइन सुनिश्चित करें।
- स्पष्ट, जानकारीपूर्ण पॉप-अप के साथ एक सहज अनुभव प्रदान करें।

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

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

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