「Future Style Periodic Table」赛博朋克元素周期表：热力图、双语搜索和 3D 原子模型都在浏览器里跑

Future Style Periodic Table 是一个赛博朋克风格的交互式元素周期表，把传统化学表格做成了更像沉浸式前端作品的体验：深色背景、霓虹分类、玻璃拟态卡片、动态粒子，以及可以在浏览器里直接操作的元素详情。

它覆盖全部 118 种化学元素，包含原子序数、相对原子质量、电子排布、同位素、化合价等数据。用户可以按元素符号、中英文名称或原子序数搜索，也可以通过图例高亮碱金属、卤素、稀有气体、镧系和锕系等分类。

项目比较有意思的地方是热力图模式和 3D 原子结构模拟。热力图可以切换原子半径、电负性、电离能、熔点、沸点等维度，让周期表变成一张数据分布图；元素详情页里则用 CSS 3D 和电子排布算法渲染简化的玻尔模型，支持拖拽旋转、触屏滑动和放大查看。

技术实现很轻量：Vanilla JavaScript、HTML5、CSS3，没有后端，也不需要构建步骤。Clone 下来直接打开 index.html 就能跑，或者部署到 GitHub Pages 这类静态站点。README 也特别声明，3D 原子模型是教学演示用的简化玻尔模型，不是真实电子云概率分布。

项目当前在 GitHub 上约 483 Star，主语言 JavaScript，MIT License。它适合化学科普、教学演示、前端动效练习，也适合想看“纯原生 JS/CSS 能把数据可视化做到什么程度”的人。