https://github.com/mj-hd/promviz-front
Visualize Prometheus Metrics With Vizceral
https://github.com/mj-hd/promviz-front
docker prometheus react traffic visualization vizceral
Last synced: 6 months ago
JSON representation
Visualize Prometheus Metrics With Vizceral
- Host: GitHub
- URL: https://github.com/mj-hd/promviz-front
- Owner: mj-hd
- License: apache-2.0
- Created: 2017-09-29T01:27:28.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-04-06T02:59:19.000Z (over 7 years ago)
- Last Synced: 2025-04-17T13:31:55.216Z (6 months ago)
- Topics: docker, prometheus, react, traffic, visualization, vizceral
- Language: JavaScript
- Homepage:
- Size: 112 KB
- Stars: 51
- Watchers: 1
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Promviz-front [](http://makeapullrequest.com)
[nghialv/promviz](https://github.com/nghialv/promviz) web front-end application
This fork of Netflix's [vizceral-example](https://github.com/Netflix/vizceral-example) contains these new features:
* Replaying
* Connection Chart
* Node Coloring
* Class Filtering
* Notice Filtering
...
# Install
This application is one of promviz's components.
To install, please refer to [nghialv/promviz#install](https://github.com/nghialv/promviz#install).
# Install & Run Independently
```
npm install
npm run dev
```
or, you can use Docker to run:
```
docker build -t /promviz-front .
docker run -p 8080:8080 -d /promviz-front
```
then, you can view the top page at http://localhost:8080/
### Public Docker Repository
[mjhddevlion/promviz-front](https://hub.docker.com/r/mjhddevlion/promviz-front/)
# Configuration
There are 2 ways to configure this application:
1. edit .env file
1. set environment variables
You can customize this application's behavior with these variables:
```
UPDATE_URL: endpoint of promviz server
INTERVAL: interval between fetches (ms)
MAX_REPLAY_OFFSET: limit of replaying offset (s)
```
# Contributing
Welcome PRs!