u/DisastrousEggy

Hi everyone,
Sharing an interactive periodic table website.

Periodic Table Website
GitHub Repository

Started this out as a small, fun side project, but it slowly turned into a deep dive of:

• atomic orbitals
• electron configurations
• 3D rendering
• .glb model generation
• mesh optimization for the web

Ironically, generating the orbital visualizations was the hardest part of the project and probably the most educational. Trying to balance scientific accuracy, visual clarity, and browser performance was way more challenging than I expected.

Some things the site focuses on:

• Interactive 3D atom visualizations.
• Dedicated pages for each element; I also tried to include some fun facts.
• Mobile-friendly.
• Educational + visual-first experience (you'll understand when you see it).

I would genuinely love feedback from people who know chemistry better than I do, especially how accurate the orbital representations and overall usefulness are.

Started this as a small side project with Gemini in Antigravity. It began as a simple frontend/UI side project, and it somehow evolved into a full interactive periodic table with animated 3D atomic and orbital visualizations.

Periodic Table Website
GitHub Repository

The funniest part is that the hardest problem wasn’t the website itself; it was generating the orbital models. I went from:

>"this should be easy"

to learning:

• orbital structures
• 3D mesh generation
• .glb pipelines
• browser rendering optimization
• scientific visualization tradeoffs

AI massively accelerated iteration and experimentation, but this project also reminded me that AI can’t replace actually understanding the domain when things get complex.

Still a work in progress, but I’m pretty happy with how it turned out. Would love feedback.