Crie uma tabela periódica interativa e detalhada de elementos. A tabela deve exibir todos os elementos químicos conhecidos e, ao clicar em um elemento, mostrar suas propriedades, como eletronegatividade, energia de ionização, massa atômica, etc. Inclua filtros na parte inferior para ordenar os elementos por tipo (metais, gases, não-metais, elementos com propriedades elétricas). Garanta o seguinte:

Visão Geral do Projeto
- Desenvolva uma tabela periódica interativa abrangente.
- Inclua todos os elementos químicos conhecidos na tabela.

Design e Fluxo UI/UX
- Projete um layout em grade representando todos os elementos.
- Ao clicar em um elemento, exiba uma janela pop-up com propriedades detalhadas.
- Inclua filtros na parte inferior para ordenar os elementos por tipo.

Funcionalidade e Lógica Central
- Certifique-se de que a interação ao clicar exiba propriedades como eletronegatividade, energia de ionização, massa atômica, etc.
- Implemente filtros de ordenação: metais, gases, não-metais, elementos com propriedades elétricas.

Melhores Práticas
- Otimize para uma navegação e interação amigáveis ao usuário.
- Garanta acessibilidade e responsividade em diversos dispositivos.
- Proporcione uma experiência fluida com pop-ups claros e informativos.

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

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

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