[UI Feature] Change lib to display NAS graph
- Dominant language
- Python
- Stars
- 1.7k
- Forks
- 542
- PR merge metrics
- No merged PRs in 30d
Description
/kind feature
Currently, we are using Graphviz to show NAS graph https://github.com/kubeflow/katib/blob/master/pkg/ui/v1beta1/frontend/src/components/NAS/Monitor/NASJobStepInfo.jsx#L7. That lib requires a lot of `node` memory (in some cases we need to set `--max_old_space_size=4096`) while building the Frontend.
Ref: https://www.npmjs.com/package/graphviz-react#install.
I think, we should switch to the more optimise library to show the Graph or find the workaround for this.
Contributor guide
Research direction
Start with pkg/ui/v1beta1/frontend/src/components/NAS/Monitor/NASJobStepInfo.jsx and inspect how graphviz-react currently renders the NAS graph. Review the frontend build behavior and compare whether a replacement library or a workaround addresses the reported Node memory usage. Done means the NAS graph still displays correctly and the frontend no longer requires the problematic memory workaround.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100