Créez un tableau périodique interactif détaillé des éléments. Le tableau doit afficher tous les éléments chimiques connus et, en cliquant sur un élément, afficher ses propriétés telles que l'électronégativité, l'énergie d'ionisation, la masse atomique, etc. Ajoutez des filtres en bas pour trier les éléments par type (métaux, gaz, non-métaux, éléments aux propriétés électriques). Assurez-vous de ce qui suit :

Aperçu du projet
- Développez un tableau périodique interactif complet.
- Incluez tous les éléments chimiques connus dans le tableau.

Design UI/UX et flux
- Concevez une disposition en grille représentant tous les éléments.
- Lors d'un clic sur un élément, affichez une fenêtre contextuelle avec des propriétés détaillées.
- Ajoutez des filtres en bas pour trier les éléments par type.

Fonctionnalité et logique de base
- Assurez-vous que l'interaction au clic affiche les propriétés de l'élément : électronégativité, énergie d'ionisation, masse atomique, etc.
- Mettez en place des filtres de tri : métaux, gaz, non-métaux, éléments aux propriétés électriques.

Bonnes pratiques
- Optimisez la navigation et l'interaction pour une utilisation conviviale.
- Veillez à l'accessibilité et à la réactivité sur tous les appareils.
- Offrez une expérience fluide avec des fenêtres contextuelles claires et informatives.

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

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

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