×
How to Use PeriodicTable
Basic Navigation
Click on any element in the periodic table to view detailed information in the panel below. The panel contains various tabs showing different aspects of the selected element.
Search Functionality
Use the search bar at the top of the page to quickly find elements by:
- Element name (e.g., "Carbon")
- Symbol (e.g., "Fe")
- Atomic number (e.g., "6")
- Category (e.g., "Noble gas")
Simply start typing and matching elements will appear in a dropdown. Click on any result to show its details.
View Options
Use the buttons above the table to switch between different visualization modes:
- Standard View: Elements are colored by their category (metals, nonmetals, etc.)
- Electronegativity: Elements are colored based on their electronegativity values, with the value displayed
- Atomic Radius: Elements are colored based on their atomic radius in picometers
- Ionization Energy: Elements are colored based on their first ionization energy in electron volts
In property views, hover over elements to see their specific values.
Element Detail Tabs
When you select an element, the detail panel offers several tabs:
- Atomic Structure: Visualization of the atom's electron shell configuration
- Hybridization: Shows orbital hybridization patterns for the element
- Properties: Displays a chart of key physical and chemical properties
- Reactions: Lists common chemical reactions involving the element
- 3D Model: Interactive 3D visualizations with three modes:
- Atomic Model: 3D representation of the atom
- Common Molecule: 3D model of a molecule containing the element
- Crystal Structure: 3D visualization of the element's crystal lattice
- Applications: Practical uses and applications of the element
3D Visualization Controls
When viewing 3D models:
- Drag: Rotate the model
- Scroll/Pinch: Zoom in and out
- Right-click drag: Pan the view
- Pause/Resume Rotation: Stop or restart automatic rotation
- Reset View: Return to the default camera position
- Select Structure: Choose between atomic, molecular, or crystal views
Element Comparison
Compare multiple elements side by side:
- Right-click on an element and select "Add to Comparison"
- Or check the "Compare" checkbox in the element details panel
- Compare up to 4 elements simultaneously
- Remove elements from comparison by clicking the "×" on each element card
- Use "Clear All" to reset the comparison
Quiz Mode
Test your knowledge of the periodic table:
- Click "Quiz" in the navigation bar to start
- Customize quiz difficulty, category, and number of questions
- Answer questions about element symbols, properties, categories, and electron configurations
- View your score and detailed results at the end
- Restart the quiz or create a new one with different settings
Dark Mode
Toggle between light and dark themes by clicking the "🌙 / ☀️" button in the top navigation bar. Your preference will be saved for future visits.
Mobile Usage Tips
- On smaller screens, scroll horizontally to see all tabs
- Use pinch gestures to zoom the periodic table
- The menu is accessible via the hamburger icon in the top-right corner
- Rotate your device to landscape orientation for a better view of the full periodic table
- In 3D view, use one finger to rotate and two fingers to zoom
Sharing
Share PeriodicTable with others by clicking the "Share" button in the navigation menu. Share via social media, email, or copy a direct link to the page.