Closed
Description
Tracking issue for discussion regarding UI MVP.
The picture below presents the agreed design for the first iteration:
Key implementation items:
- Dashboard skeleton: navbar, details box (on the left), graph area, bottom bar.
- Graph visualization in D3.js - layout options discussed in (OpenRCA graph structure #4).
- Alerts highlighting (Highlight alerts #38).
- Basic graph styling (Add styling to graph nodes #5).
- Details box with JSON viewer for entity properties (pod name, namespace, volumes) (Add object details box #25).
- Datetime picker (bottom bar) to query state of the graph in time (Add datetime picker #26).
- On-demand graph reloading (Add on-demand graph reloading #40).
- Filtering graph by app namespace (Add graph filtering by app namespace #30).
- Logo and favicon.