A sleek and interactive application that dynamically generates a Periodic Table of Elements using data from a CSV file. This project showcases all known chemical elements with their respective properties and allows users to explore details about each element easily.
- Interactive Periodic Table layout generated dynamically from CSV data.
- Displays detailed information about each element, including:
- Atomic number
- Symbol
- Name
- Atomic mass
- Electron configuration
- User-friendly design with a responsive UI for all devices.
- Python: Pre-processes and serves the data from the CSV file.
- CSV: Stores data about the elements in a structured format.
- JavaScript: Dynamically generates the table and adds interactivity.
PeriodicTable/
├── src/
│ ├── app.py # Main Python script for serving the application
│ ├── data/
│ │ └── elements.csv # CSV file containing element data
│ ├── js/
│ │ └── script.js # JavaScript for interactivity
│ ├── templates/
│ │ └── index.html # HTML file for the UI
│ └── static/
│ └── css/
│ └── style.css # Stylesheet for design
├── LICENSE # License file
└── README.md # Documentation
- Python 3.x installed on your system.
- A modern web browser (Chrome, Firefox, Edge, etc.).
- Clone the repository:
git clone https://github.com/RohanCyberOps/PeriodicTable.git
- Navigate to the project directory:
cd PeriodicTable
- Install required Python packages:
pip install -r requirements.txt
- Run the Python script:
python src/app.py
- Open your browser and visit
http://127.0.0.1:5000
to explore the Periodic Table.
Live Demo — (Add the link to a live demo or deployment if available)
Contributions are welcome! Feel free to:
- Fork the repository.
- Submit pull requests with improvements or fixes.
This project is licensed under the MIT License.
Rohan Naagar
- GitHub: @RohanCyberOps
- Email: Rohan150907@gmail.com