🧪 An interactive 3D Periodic Table that allows exploration of elements with detailed information, electron configurations, and a visually engaging Bohr model representation.
- Full 3D Interactive Periodic Table with responsive design
- Detailed Bohr Model visualization for each element
- Animated Electron Orbits that move according to physical principles
- Comprehensive Element Information including:
- Physical properties
- Electron configuration
- Discovery information
- Summary and applications
- Hazard information
- Smart Search Functionality that supports:
- Search by element name, symbol, or atomic number
- Search by element category (e.g., "alkali metals", "noble gases")
- Search by hazard property (e.g., "toxic", "radioactive", "flammable")
- Element Categorization with color-coding for different element types
- Hazard Indicators showing safety information for each element
- Browse the Periodic Table by scrolling and panning around the 3D environment
- Click on any element to see its detailed 3D atomic model
- Use the search bar to find elements by name, symbol, category, or hazard
- Explore the 3D model by:
- Dragging to rotate the view
- Scrolling to zoom in and out
- View detailed information in the side panel for each element
- Three.js for 3D rendering
- React for UI components
- TailwindCSS for styling
- Bohr Model Physics for electron configuration visualization
No installation required! This is a standalone HTML application that runs directly in the browser.
- Clone the repository
- Open
periodic-table-3d-updated.htmlin any modern web browser - Start exploring the elements!
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
- Element data from the Periodic Table JSON repository
- Three.js community for 3D visualization techniques
- React team for the component framework