关键信息
- 分类
- Science & Education
- 输入类型
- text, select
- 输出类型
- html
- 样本覆盖
- 1
- 支持 API
- Yes
概览
交互式元素周期表是一个专为化学学习与科学研究设计的在线可视化工具。用户可以通过点击元素、搜索特定名称或符号，快速查看元素的原子量、电子排布等详细数据，并支持按化学类别、物质状态或所属区块进行个性化着色显示。
适用场景
- •需要快速查询特定化学元素的原子量、电子排布及物理化学性质时。
- •教学或演示中需要通过不同颜色直观展示元素周期表的分类、状态或区块分布时。
- •备考化学考试或撰写学术报告，需要检索并对比多种元素的基本属性时。
工作原理
- •在“选中元素”输入框中输入元素符号（如 O）或原子序数（如 8），或直接在交互式周期表上点击目标元素。
- •在“搜索关键词”中输入名称进行模糊检索，快速定位特定元素。
- •选择“着色方式”（按类别、按状态或按区块），系统将实时渲染周期表颜色并展示选中元素的电子排布等详细信息。
使用场景
化学课堂教学演示，帮助学生直观理解元素周期律及轨道区块划分。
实验室日常研发中，快速检索特定元素的原子量与电子排布信息。
科学爱好者或学生自主学习，通过交互点击探索各元素的物理状态与分类。
用户案例
1. 快速检索氧元素属性
化学系学生- 背景原因
- 正在撰写关于氧化反应的实验报告，需要确认氧元素的精确原子量和电子排布。
- 解决问题
- 快速获取氧（O）的详细化学参数，并直观查看其在周期表中的位置。
- 如何使用
- 在“选中元素”中输入“O”，在“搜索关键词”中输入“oxy”，并将“着色方式”设置为“按类别”。
- 示例配置
-
{ "selectedElement": "O", "searchQuery": "oxy", "colorMode": "category" } - 效果
- 周期表高亮显示氧元素，并展示其电子排布详情，同时整张周期表按非金属、金属等类别进行色彩区分。
2. 按物质状态分析元素分布
中学化学教师- 背景原因
- 准备向学生讲解常温常压下元素的物理状态（固态、液态、气态）分布规律。
- 解决问题
- 需要一张能清晰区分元素状态的周期表进行课堂演示。
- 如何使用
- 将“着色方式”选择为“按状态”，并点击周期表中的汞（Hg）或溴（Br）等典型元素展示细节。
- 示例配置
-
{ "colorMode": "state" } - 效果
- 周期表按固、液、气态重新着色，学生可以一眼看出液态元素在周期表中的稀有性。
用 Samples 测试
science-&-education常见问题
什么是“着色方式”？
着色方式决定了周期表元素的背景颜色分类，支持按化学类别（如碱金属、卤素）、物质状态（固、液、气态）或轨道区块（s、p、d、f区）进行色彩区分。
如何快速定位一个元素？
您可以直接在交互式周期表上点击该元素，或者在搜索框中输入元素名称、符号或原子序数进行检索。
这个工具能显示电子排布吗？
可以，选中任意元素后，工具会联动展示该元素的详细电子排布结构及其他基本物理化学参数。
我可以输入原子序数来选中元素吗？
可以，在“选中元素”输入框中输入数字（如 8）即可直接定位到对应的元素（如氧 O）。
该工具支持导出或下载吗？
本工具主要提供网页端交互式浏览与实时数据查询，暂不支持导出为外部文件。