Crie uma tabela periódica interativa detalhada. Visão geral do projeto: Deve permitir que os usuários cliquem em qualquer elemento para revelar suas propriedades, como eletronegatividade, estrutura atômica, energia de ionização e peso atômico. Design e fluxo de UI/UX: Cada elemento deve ser clicável, exibindo propriedades em uma janela pop-up ou painel lateral. Implemente filtros na parte inferior da tabela para tipos como metais, gases, não-metais e elementos com propriedades elétricas. Funcionalidade e lógica principais: Garanta que a tabela seja interativa e intuitiva, com rótulos claros e design responsivo. Boas práticas: Mantenha um layout organizado e assegure compatibilidade entre dispositivos. Considere também acessibilidade e localização.

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

Q: Какие конкретно свойства элементов вы хотите показать?
A: Электроотрицательность, строение атома, энергия ионизации и атомный вес

Q: Какой вид фильтрации вы предпочитаете?
A: Фильтры по группе элементов или по типу