すべての化学元素を詳細に表示するインタラクティブな周期表を作成してください。周期表は既知の全ての化学元素を表示し、要素をクリックすると、電気陰性度、イオン化エネルギー、原子質量などの特性が表示されるようにしてください。金属、ガス、非金属、電気的性質を持つ元素で要素をソートするためのフィルターを下部に含めてください。以下の点を守ってください：

プロジェクト概要
- 包括的なインタラクティブ周期表を開発すること。
- 既知の全ての化学元素を周期表に含めること。

UI/UXデザインとフロー
- すべての元素を表すグリッドレイアウトを設計すること。
- 元素をクリックすると、詳細な特性を示すポップアップを表示すること。
- 種類別に元素を並べ替えるためのフィルターを下部に配置すること。

コア機能とロジック
- クリック操作で電気陰性度、イオン化エネルギー、原子質量などの特性が表示されるようにすること。
- 金属、ガス、非金属、電気的性質を持つ元素のフィルターを実装すること。

ベストプラクティス
- ユーザーフレンドリーなナビゲーションとインタラクションを最適化すること。
- 全てのデバイスでアクセシビリティとレスポンシブデザインを確保すること。
- 明確で情報豊富なポップアップにより、シームレスな体験を提供すること。

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

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

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