모든 화학 원소를 상세히 보여주는 인터랙티브 주기율표를 만드세요. 주기율표는 알려진 모든 화학 원소를 표시해야 하며, 원소를 클릭하면 전기음성도, 이온화 에너지, 원자 질량 등의 속성을 보여줘야 합니다. 하단에는 원소를 금속, 기체, 비금속, 전기적 특성을 가진 원소 등으로 분류할 수 있는 필터를 포함시키세요. 다음 사항들을 반드시 충족시키세요:

프로젝트 개요
- 포괄적인 인터랙티브 주기율표를 개발하세요.
- 모든 알려진 화학 원소들을 포함시키세요.

UI/UX 디자인 및 흐름
- 모든 원소를 나타내는 그리드 레이아웃을 디자인하세요.
- 원소를 클릭하면 상세 속성을 보여주는 팝업이 나타나도록 하세요.
- 원소 유형별 정렬을 위한 필터를 하단에 포함하세요.

핵심 기능 및 로직
- 클릭 시 전기음성도, 이온화 에너지, 원자 질량 등의 속성이 표시되도록 하세요.
- 금속, 기체, 비금속, 전기적 특성을 가진 원소로 분류하는 필터 기능을 구현하세요.

최고의 실천 방법
- 사용자 친화적인 내비게이션과 상호작용을 최적화하세요.
- 모든 디바이스에서 접근성과 반응성을 보장하세요.
- 명확하고 정보가 풍부한 팝업으로 원활한 경험을 제공하세요.

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

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

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