Interactive Periodic Table

summary

Detailed interactive periodic table with element properties.

prompt

Create a detailed interactive periodic table of elements. Project overview: This should allow users to click on any element to reveal its properties, such as electronegativity, atomic structure, ionization energy, and atomic weight. UI/UX design and flow: Each element should be clickable, displaying properties in a pop-up or side panel. Implement filters at the bottom of the table for types like metals, gases, nonmetals, and elements with electrical properties. Core functionality and logic: Ensure the table is interactive and intuitive, with clear labeling and responsive design. Best practices: Maintain an organized layout and ensure compatibility across devices. Considerations for accessibility and localization are important.

original prompt

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

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

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

generation cost summary

model name: o3-mini-high

response time: 85.24 sec.

result tokens: 11,985

cost: $0.05326200