Docs
Training Summary Card
Training Summary Card
The TrainingSummaryCard component is designed to display a brief summary of a machine learning training session. It highlights key metrics such as accuracy, loss, epoch, time taken, and model information, with the option to view a full report.
Recent Training Sessions
Training Summary
Model: Neural Network
Type: Neural Network
Dataset: CIFAR-10
Accuracy: 0.95
Loss: 0.12
Time: 2h 34m
Epoch: 50
Installation
npx empire@latest add training-summary-cardProps
| Prop name | Type | Description |
|---|---|---|
accuracy | number | Accuracy achieved by the model during training. |
loss | number | The loss value obtained during the training process. |
epoch | number | The epoch number at which the summary is reported. |
timeTaken | string | Duration of the training session. |
modelName | string | The name of the model used for training. |
modelType | string | Type of the model (e.g., Neural Network, SVM, etc.). |
datasetUsed | string | The name of the dataset used during the training process. |
onViewFullReport | () => void | Callback function to view the detailed training report. |
Features
- Displays model metrics such as accuracy, loss, epoch, and time taken.
- Provides a simple line chart for tracking accuracy and loss over epochs.
- Allows users to view the full training report by clicking a button.
- Utilizes animations and responsive design for a sleek and interactive UI.