| Feature | Description |
|---|---|
| 🎨 Blueprint Style | Modern interface with professional dark theme |
| 🔄 Real-time Updates | Auto-refresh functionality every 10 seconds |
| 🔍 Interactive Details | Click nodes to view detailed container info |
| 🌐 Network Mapping | Visual representation of container relationships |
| 💾 State Persistence | Maintains position and zoom state |
| ✨ Visual Effects | Professional glow effects and animations |
| 🎮 Container Controls | Intuitive action panel to manage containers |
| 🏷️ Enhanced Labels | Clear network names with improved visibility |
# Clone the repository
git clone https://github.com/opestro/docker-container-visualizer.git
# Navigate to project directory
cd docker-container-visualizer
# Install dependencies
npm install
# Start the application
npm startAccess the visualization at: http://localhost:3001
| Action | Description |
|---|---|
| 🖱️ Click Container | View detailed container information |
| 🔄 Drag | Rearrange container nodes for better visualization |
| 🔍 Zoom | Mouse wheel to zoom in/out of the graph |
| 🌐 Pan | Click and drag background to navigate |
| ⚙️ Container Actions | Manage containers with intuitive action buttons |
| ❌ Background Click | Close open details panels |
The application allows you to perform the following actions on containers:
- Start - Start a stopped container
- Stop - Stop a running container
- Pause - Pause a running container
- Resume - Resume a paused container
- Restart - Restart a container
- Remove - Remove a container from the system
All actions are available through an intuitive action panel that automatically adapts to the container's current state.
# Run with Docker Compose
docker-compose up -dContributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- 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.
