ai-cfia / nachet-frontend

Frontend application for seed classification of images acquired from digital microscopes

MIT License

2 stars 2 forks source link

Enhanced UI: Expandable Rows for Detailed Classification Results #101

Closed CFIALeronB closed 1 month ago

CFIALeronB commented 2 months ago

Implemented expandable table rows within the classification results panel to enhance user interaction and provide detailed insights.
Each image classification row can now be clicked to reveal the top 5 classification results, improving data transparency.
Ensured consistent functionality across different models and data sets, enhancing the user experience.
Conducted thorough testing to guarantee that the expand/collapse feature works seamlessly and that the percentages are accurately displayed.

100

Screenshot1 Screenshot2 Screenshot3

rngadam commented 2 months ago

We can discuss, but I was imagining visual cues on the expanded nodes:

> Top1-1
> Top1-2

clicking on Top1-2 gives:

> Top1-1
v Top1-2
* Top2-2
* Top3-2
* Top4-2
* Top5-2

CFIALeronB commented 2 months ago

We can discuss, but I was imagining visual cues on the expanded nodes:
> Top1-1
> Top1-2
clicking on Top1-2 gives:
> Top1-1
v Top1-2
* Top2-2
* Top3-2
* Top4-2
* Top5-2

Can you please expand on this @rngadam? I know the format is currently a text based list for each dropdown, but I'm not sure how else I can present the data being sent in:

Screenshot

Screenshot_Json

^ This is a screenshot of the first image classification top results JSON

rngadam commented 2 months ago

@CFIALeronB I see a number of missing EOF newline violation. Most concerning is that they end up in the build. Either we exclude build/ from the validation OR we figure out how to get vite to generate the correct output.

CFIALeronB commented 1 month ago

Are the screenshots up-to-date?

Yes :)