WebUI is built by using [React](https://reactjs.org/docs/getting-started.html) and [fluentui](https://developer.microsoft.com/en-us/fluentui#/controls/web).
Click the tab "Overview".
* See the experiment parameters.
* See good performance trial.
* See search_space json.
## Development
## View job accuracy
* Please refer the [installation doc](https://github.com/microsoft/nni#installation) to run an experiment.
* WebUI uses [eslint](https://eslint.org/docs/user-guide/getting-started) and [prettier](https://prettier.io/docs/en/index.html) to format code. You could change the eslintrc file like this picture when you are coding.
Click the tab "Default Metric" to see the point graph of all trials. Hover every point to see its specific accuracy.
<imgsrc="../../docs/img/webui-img/rules.png"/>
## View hyper parameter
* Use this command in `webui/ts` directory when you want to see latest website.
```bash
yarn build
```
Click the tab "Hyper Parameter" to see the parallel graph.
## PR
* You can select the percentage to see top trials.
* Choose two axis to swap its positions
## View trial status
Click the tab "Trials Detail" to see the status of the all trials. Specifically:
* Trial duration: trial's duration in the bar graph.
* Trial detail: trial's id, trial's duration, start time, end time, status, accuracy and search space file.
* Kill: you can kill a job that status is running.
* If you need to send the PR, you should change the eslintrc file back and use the command `yarn eslint` to check style. And `yarn eslint --fix` could fix almost warnings and errors. Also use `yarn stylelint` to confirm `.scss & .css` style.
