Skip to content

Add functionality to download training metrics graphs#6917

Open
andersendsa wants to merge 3 commits into
open-edge-platform:developfrom
andersendsa:download_metrics
Open

Add functionality to download training metrics graphs#6917
andersendsa wants to merge 3 commits into
open-edge-platform:developfrom
andersendsa:download_metrics

Conversation

@andersendsa

Copy link
Copy Markdown
Contributor

Summary

  • Implemented a "Download" button in the MetricGraph component to let users export training metrics graphs as PNG images.
  • Extracted SVG elements natively, drew them on a canvas, and triggered a PNG download directly, without introducing extra dependencies.

Closes: #5656

How to test

  1. Open the application UI and navigate to your project.
  2. Click on the Models tab in the main navigation menu.
  3. Select a trained model from the list to open the Model Details view.
  4. Click on the Training Metrics tab inside the details panel.
  5. You should see one or more line graphs (e.g., Training Loss, Validation Accuracy, etc.).
  6. Look at the top-right corner of any graph's container box. You should now see a new Download icon button.
  7. Click the Download button.
  8. Verify Download: A .png file (named based on the graph's title, e.g., training_loss_metrics.png) should be downloaded to your local machine.
  9. Verify Image Quality: Open the downloaded image file. Confirm that the graph is fully visible with a solid white background, and that all data lines, axes, and labels rendered correctly exactly as they appeared in the UI.

Checklist

  • The PR title and description are clear and descriptive
  • I have manually tested the changes
  • All changes are covered by automated tests
  • All related issues are linked to this PR (if applicable)
  • Documentation has been updated (if applicable)

- Implemented a "Download" button in the `MetricGraph` component to let users export training metrics graphs as PNG images.
- Extracted SVG elements natively, drew them on a canvas, and triggered a PNG download directly, without introducing extra dependencies.
@andersendsa andersendsa requested a review from a team as a code owner June 25, 2026 13:31
Copilot AI review requested due to automatic review settings June 25, 2026 13:31
@github-actions github-actions Bot added Geti UI Issues related to Geti application frontend labels Jun 25, 2026

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

@andersendsa

andersendsa commented Jun 25, 2026

Copy link
Copy Markdown
Contributor Author

Hi @dwesolow, @jpggvilaca, @A-Artemis pls let me know if this pr needs any changes or if it is good to merge

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Geti UI Issues related to Geti application frontend

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Downloadable metrics graphs

2 participants