https://github.com/rickyc0626/atomix

🧪 Interactive periodic table of elements
https://github.com/rickyc0626/atomix

chemistry education interactive periodic-table science svelte sveltekit tailwindcss typescript

Last synced: 3 months ago
JSON representation

🧪 Interactive periodic table of elements

• Host: GitHub
• URL: https://github.com/rickyc0626/atomix
• Owner: RickyC0626
• Created: 2023-12-08T07:45:18.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-28T14:11:37.000Z (over 1 year ago)
• Last Synced: 2024-06-28T16:38:18.066Z (over 1 year ago)
• Topics: chemistry, education, interactive, periodic-table, science, svelte, sveltekit, tailwindcss, typescript
• Language: TypeScript
• Homepage:
• Size: 1.77 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  🧪 Atomix





  Interactive periodic table of elements





  

  





  Built with

  



  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  





## Roadmap

- [X] Table of elements with sleek UI

- [X] Modal with element details

- [ ] Color-coded filters

  - [X] Category (Chemical Group)

  - [X] Phase

  - [X] Electron Configuration

  - [ ] Oxidation States

  - [ ] Electronegativity (Pauling Scale)

  - [ ] Atomic Radius (Van der Waals), pm

  - [ ] Melting Point, $K$

  - [ ] Boiling Point, $K$

  - [ ] Density, $g/cm^3$

- [ ] Legend for element labels for each filter

- [ ] Bohr Atoms visualization

- [ ] Molecules sandbox & visualization

  - Not sure where I want to go with this idea, but it would be cool to experiment with metal alloys and learn about their properties