PowerTop Visualizer is a web-based tool that helps you analyze and visualize power consumption data from PowerTop reports. It provides beautiful visualizations and detailed insights into your system's power usage, CPU states, and process activities.
- 📊 CPU Usage Analysis: Detailed breakdown of processor utilization and power states.
- ⚡ Power Consumption: Visualize power usage patterns and identify power-hungry processes.
- 🖥️ Process Monitoring: Track process runtime and system wakeup events.
- 📁 Multiple Formats: Support for both HTML and CSV PowerTop export formats.
- Node.js (v16 or higher)
- npm or yarn
- PowerTop installed on your Linux system
-
Clone the repository:
git clone https://github.com/yourusername/powertop-visualizer.git cd powertop-visualizer -
Install dependencies:
npm install
or
yarn install
-
Start the development server:
npm run dev
or
yarn dev
-
Open http://localhost:5173 in your browser.
npm run buildor
yarn build-
Generate PowerTop Report
# For HTML report sudo powertop --html=powertop.html # For CSV report sudo powertop --csv=powertop.csv
-
Upload Report
- Visit the PowerTop Visualizer website.
- Drag and drop your PowerTop report file.
- Or click "Browse Files" to select your report.
-
Analyze Data
- View power consumption metrics.
- Analyze CPU states.
- Monitor process activities.
- Identify power-hungry processes.
- React
- TypeScript
- Tailwind CSS
- Vite
- Lucide Icons
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository.
- Create your feature branch (
git checkout -b feature/AmazingFeature). - Commit your changes (
git commit -m 'Add some AmazingFeature'). - Push to the branch (
git push origin feature/AmazingFeature). - Open a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- PowerTop - The original power consumption and management tool.
- Lucide Icons - Beautiful & consistent icons.
- Tailwind CSS - A utility-first CSS framework.