未来风元素周期表

01 / 成果与用途

可以用它做什么

带热力图和 3D 原子模型的交互式周期表网页

02 / 上手路径

从第一份成果开始

1. 01

   先在线体验

   点开几个元素，拖动 3D 原子模型，切换热力图。

   打开这一步的资料
2. 02

   本地跑起来

   git clone https://github.com/SeanWong17/Future-Style-Periodic-Table.git，进入目录后 npm install && npm run dev，打开 http://localhost:5173/。

3. 03

   改成你的版本

   改 src/config/categories.ts 换分类和颜色，改 src/css/styles.css 换主题，或把数据换成别的学科。