세부적인 인터랙티브 주기율표를 만들어주세요. 프로젝트 개요: 사용자가 원소를 클릭하면 전기음성도, 원자 구조, 이온화 에너지, 원자량 등의 속성이 표시되어야 합니다. UI/UX 디자인 및 흐름: 각 원소는 클릭 가능해야 하며, 팝업 창이나 사이드 패널에 속성을 보여줘야 합니다. 또한 표 하단에 금속, 기체, 비금속 및 전기적 특성을 지닌 원소 등의 필터를 구현하세요. 핵심 기능과 로직: 주기율표가 직관적이고 상호작용 가능하도록, 명확한 라벨과 반응형 디자인을 유지해야 합니다. 모범 사례: 정돈된 레이아웃을 유지하고 기기 간 호환성을 보장하세요. 접근성 및 현지화도 고려해 주세요.

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

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

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