diff --git a/docs/hyperdatasets/previews.md b/docs/hyperdatasets/previews.md index 8e48c47d..812c5268 100644 --- a/docs/hyperdatasets/previews.md +++ b/docs/hyperdatasets/previews.md @@ -101,5 +101,5 @@ The following is an example of preview metadata. Here's an example of Previews in the ClearML Enterprise WebApp (UI). Each thumbnail is a Preview. -![image](../img/hyperdatasets/web-app/previews.png) +![Previews](../img/hyperdatasets/web-app/dataset_versions.png) diff --git a/docs/hyperdatasets/webapp/webapp_datasets.md b/docs/hyperdatasets/webapp/webapp_datasets.md index 900b3aa4..ab96c60b 100644 --- a/docs/hyperdatasets/webapp/webapp_datasets.md +++ b/docs/hyperdatasets/webapp/webapp_datasets.md @@ -1,66 +1,57 @@ --- -title: Datasets Page +title: Hyper-Datasets Page --- -The Datasets page offers the following functionalities: -* Managing the ClearML Enterprise **Datasets** and **versions**, which connect raw data to the ClearML Enterprise platform -* Using ClearML Enterprise's Git-like Dataset versioning features -* Managing SingleFrames and FrameGroups. +Use the Hyper-Datasets Page to navigate between and manage hyper-datasets. + +Click on a Hyper-Dataset card to open the dataset’s [version list](webapp_datasets_versioning.md), where you can view +and manage the dataset versions' lineage and contents. -![image](../../img/hyperdatasets/datasets_01.png) +![Hyper-Dataset page](../../img/hyperdatasets/datasets_01.png) -## Dataset Cards +## Hyper-Dataset Cards + +The Hyper-Dataset cards display summarized dataset information: + +![Hyper-Dataset card](../../img/hyperdatasets/hyperdataset_card.png) -Dataset cards show summary information about versions: * Dataset name -* Elapsed time since the last update. Hover over elapsed time and view date of last update. +* Time since last update. Hover over elapsed time to view date of last update * User updating the Dataset * If the dataset contains dataset-level metadata, the card displays the Check mark - `Metadata` indicator, which is also a shortcut to [edit the Dataset's metadata](#editing-dataset-level-metadata) + `Metadata` indicator, which opens the Metadata editor on click * The number of versions in the Dataset -* The total number of frames in all versions of the Dataset. If an asterisk (\*) appears next to **FRAMES**, then you can hover over it and see the name of the version whose frames were last updated. -* The percentage of frames annotated in all versions of the Dataset. If an asterisk (\*) appears next to **ANNOTATED**, then you can hover over it and see the name of the version whose frames were last annotated. +* The total number of frames in all versions of the Dataset. If an asterisk (\*) appears next to **FRAMES**, then you can hover over it and see the name of the version whose frames were last updated +* The percentage of frames annotated in all versions of the Dataset. If an asterisk (\*) appears next to **ANNOTATED**, then you can hover over it and see the name of the version whose frames were last annotated * If the Dataset version's status is *Published*, then the Dataset's top labels appear (colors are editable). If the - Dataset version is *Draft*, then no labels appear. - -Dataset cards allow you to open a specific Dataset to perform Dataset versioning and frames management. + Dataset version is *Draft*, then no labels appear +* Tags :::note Change Label Color To change the label color coding, hover over a label color, click the hand pointer, and then select a new color. ::: -### Renaming a Dataset -1. Click Bars menu -1. Click **Rename** Edit pencil -1. Edit the name -1. Click Check mark +### Hyper-Dataset Actions -### Editing Dataset-level Metadata -To edit the dataset-level metadata -1. Open the metadata edit window in one the following ways: - * Click Check mark - `Metadata` - * Click Bars menu, then click **Edit Metadata** Edit metadata -1. Edit the section contents (JSON format) -1. Click **OK** +Click Menu on the top right +of a dataset card to open its context menu and access dataset actions: - +
+![Hyper-Dataset context menu](../../img/webapp_hyperdataset_card_context_menu.png) -## Creating New Datasets +
-Create a new Dataset which will contain one version named `Current`. The new version will not contain any frames. +* **Rename** - Change the dataset’s name +* **Add Tag** - Add label to the dataset to help easily classify groups of datasets. +* **Edit Metadata** - Modify dataset-level metadata. This will open the metadata edit window, where you can edit the section -* Click **+ NEW DATASET** **>** Enter a name and optionally a description **>** **CREATE DATASET**. +## Create New Hyper-Datasets +To create a new Hyper-Dataset, click the **+ NEW DATASET** button in the top right of the page, which will open a +**New Dataset** modal. -## Sort Datasets - -* In **RECENT**, choose either: - - * **RECENT** - Sort by update time - * **NAME** - Sort alphabetically by Dataset name. - - +![Hyper-Dataset creation modal](../../img/webapp_hyperdataset_creation.png) +This creates a new Hyper-Dataset that contains a single, empty draft version. diff --git a/docs/hyperdatasets/webapp/webapp_datasets_frames.md b/docs/hyperdatasets/webapp/webapp_datasets_frames.md index e6dd041a..7e0d4026 100644 --- a/docs/hyperdatasets/webapp/webapp_datasets_frames.md +++ b/docs/hyperdatasets/webapp/webapp_datasets_frames.md @@ -7,7 +7,7 @@ of frames and enables viewing SingleFrames and FramesGroups, and edit SingleFram Before opening the frame viewer, you can filter the frames by applying [simple](#simple-frame-filtering) or [advanced](#advanced-frame-filtering) filtering logic. -![Dataset page](../../img/hyperdatasets/web-app/dataset_simple_adv_02.png) +![Dataset page](../../img/hyperdatasets/web-app/dataset_versions.png) ## Frame Viewer diff --git a/docs/hyperdatasets/webapp/webapp_datasets_versioning.md b/docs/hyperdatasets/webapp/webapp_datasets_versioning.md index 22371ec6..1a236c95 100644 --- a/docs/hyperdatasets/webapp/webapp_datasets_versioning.md +++ b/docs/hyperdatasets/webapp/webapp_datasets_versioning.md @@ -5,138 +5,57 @@ title: Dataset Versions Use the Dataset versioning WebApp (UI) features for viewing, creating, modifying, and deleting [Dataset versions](../dataset.md#dataset-versioning). +![Dataset versions page](../../img/hyperdatasets/web-app/dataset_versions.png) + ## Dataset Version History -The WebApp (UI) presents your dataset version structure in [simple view](#simple-view) or [advanced view](#advanced-view), -depending on the structure implemented. +The WebApp (UI) presents your dataset version structure in list view List view +or tree view Tree view. + +The list view lists the dataset's versions chronologically by last update time. + +![Versions list view](../../img/hyperdatasets/web-app/dataset_simple_adv_01.png) + +The tree view shows the lineage of the dataset's versions. + +![Versions tree view](../../img/hyperdatasets/web-app/dataset_simple_adv_02.png) Use the search bar to find specific versions. You can query by version name or version description. The search returns all versions that match the query. -In advanced view, parent versions that do not match the query where a child version does appear in a muted color. +In tree view, parent versions that do not match the query where a child version does appear in a muted color. ![Dataset version search](../../img/hyperdatasets/hyperdataset_search_2.png) -## Simple View -While your dataset maintains a simple (linear) [version structure](../dataset.md#dataset-version-structure), the WebApp -(UI) will present the version history as a table of historic snapshots: +### Version Actions -![image](../../img/hyperdatasets/web-app/dataset_simple_adv_01.png) +Access dataset version actions, by right clicking a version, or through the menu button Dot menu (available on hover). -### Creating Snapshots +* **Rename** - Change the version’s name +* **Create New Version** - Creates a child version of a *Published* dataset version. The new version is created in a *draft* + state, and inherits all the parent version's frames +* **Delete** - Delete the version. Only *Draft* versions can be deleted. +* **Publish** - Make a *Draft* version read-only to preserve its contents. + +## Version Data +A selected dataset version's information and contents are presented on the main section of the page, to the right of +the dataset's version list. -To create a snapshot, you must be in the simple (version table) view. +The version information is presented in the following tabs: +* [Frames](#frames) +* [Statistics](#statistics) +* [Metadata](#metadata) +* [Info](#info) + +## Frames +The **Frames** tab displays the contents of the selected dataset version. -**To create a snapshot, do the following:** - -1. Click **+ CREATE SNAPSHOT**. -1. Enter a version name, and optionally a description. -1. Click **CREATE**. - -:::note VERSION BROWSING -Snapshots are always taken of the current version. If you are currently viewing a previous snapshot, click -**RETURN TO CURRENT VERSION** to make snapshot creation available. -::: - -You can view your dataset’s explicit version structure and create a more complex structure by switching to the advanced -view. - -### Modifying Snapshot Name -To modify a Dataset version name: -1. Click the snapshot name on the top left of the dataset page -1. Edit the name, -1. Click check (check). - - -## Advanced View - -When employing a non-trivial [version structure](../dataset.md#dataset-version-structure) of your dataset, the WebApp -(UI) presents the version history as a tree of versions. - -![image](../../img/hyperdatasets/web-app/dataset_simple_adv_02.png) - -### Creating Versions - -**To create a child version, do the following:** - -1. Click the (parent) version from which to create a child (inherit all frames). -1. Click **+ CREATE NEW VERSION**. -1. Enter a version name, and optionally a description. -1. Click **CREATE**. - -### Publishing Versions - -Publish (make read-only) any Dataset version whose status is *Draft*. If you publish a dataset's current version, the -dataset's structure will no longer be considered a simple version structure. - -**To publish a version, do the following:** - -1. Click the version to publish. -1. Click **PUBLISH**. -1. Click **PUBLISH** again to confirm. - -### Modifying Version Names - -**To modify a Dataset version name:** -1. Click the dataset version name on the top left of the dataset page -1. Edit the name, -1. Click check (check). - -### Deleting Versions - -You can delete versions whose status is *Draft*. - -1. Click the version to delete. -1. Click **DELETE**. -1. Click **DELETE** again to confirm. - -## Version Information -Additional information about the selected dataset version is presented below the version selection panel in collapsible -panels: - -### Version Info Panel -Provides general version information: -* Version ID -* Dataset ID -* Dataset name -* Status (*Draft* or *Published*) -* Creating user -* Version update time -* Version description. - -**To modify a version description, do the following:** - -1. Expand the **INFO** area -1. Hover over the **Description** element -1. Click Edit pencil -1. Edit the description -1. Click Check mark (check) - -### Version Metadata Panel -Any version specific metadata, in JSON format. -The content icon color signifies whether any metadata is currently accompanying the dataset version. - -**To edit a version's metadata:** - -1. Click Edit metadata on the - **VERSION METADATA** panel to open the edit window -1. Edit the section contents (JSON format) -1. Click **OK** - -### Version Label Statistics Panel -Label usage stats for this dataset version. -* Each label is listed along with the number of times it was used in the version -* The pie chart visualizes these stats. Hover over a chart slice and its associated label and usage - percentage will appear at the center of the chart. - - -## Version Frame Browser -The **Version Frame Browser** displays a preview of the contents of the selected dataset version. - -View the version's frames as thumbnails or in a table. Use the view toggle to switch between thumbnail +View the version's frames as thumbnail previews or in a table. Use the view toggle to switch between thumbnail view thumbnail view and table view table view . -Use the thumbnail view for a visual preview of the version's frames: +Use the thumbnail view for a visual preview of the version's frames. You can increase Zoom in +and decrease Zoom out the size of +the previews. ![Frame browser thumbnails](../../img/hyperdatasets/frame_browser_thumbnails.png) @@ -145,14 +64,12 @@ for column customization options. ![Frame browser list](../../img/hyperdatasets/frame_browser_list.png) +The dataset version's frames can be filtered by multiple criteria. The resulting frames can be exported as a JSON file. -The dataset version can be filtered by multiple criteria. The resulting frames can be exported as a JSON file. - -To view further details about a specific frame, click on its preview, which will open the [Frame Viewer](webapp_datasets_frames.md#frame-viewer). +To view the details of a specific frame, click on its preview, which will open the [Frame Viewer](webapp_datasets_frames.md#frame-viewer). ### Simple Frame Filtering -Simple frame filtering applies one annotation object (ROI) label and returns frames containing at least one annotation -with that label. +Simple frame filtering returns frames containing at least one annotation with a specified label. **To apply a simple frame filter,** select a label from the **LABEL FILTER** list. @@ -160,7 +77,7 @@ with that label. Simple filter example
-* The **version browser** in the image below contains 101 frames. +* The **FRAMES** tab in the image below contains 101 frames. ![Unfiltered version browser](../../img/hyperdatasets/frame_filtering_01.png) @@ -174,15 +91,15 @@ with that label. ### Advanced Frame Filtering -Advanced frame filtering applies sophisticated filtering logic, which is composed of as many frame filters as needed, -where each frame filter can be a combination of ROI, frame, and source rules. +Alternatively, a combination of ROI, frame, and source rules can be specified to apply more elaborate and specific +filters. * ROI rules use include and exclude logic to match frames by ROI label; an ROI label can match frames containing at least one annotation object (ROI) with all labels in the rule. * Frame rules and source rules use Lucene queries with AND, OR, and NOT logic. Frame rules apply to frame metadata. * Source rules apply to frame source information. **To apply advanced filters:** -1. In the **Version Browser**, click **Switch to advanced filters**. +1. In the **FRAMES** tab, click **Advanced filters**. 1. In a **FRAME FILTER**, create one of the following rules: * ROI rule * Choose **Include** or **Exclude**, select ROI labels, and optionally set the confidence level range. @@ -190,7 +107,10 @@ where each frame filter can be a combination of ROI, frame, and source rules. * Frame rule - Enter a Lucene query using frame metadata fields in the format `meta.:`. * Source rule - Enter a Lucene query using frame metadata fields in the format `sources.:`. -#### Filtering Examples +To clear all filters click Clear filters. + + +### Filtering Examples
ROI Rules @@ -274,3 +194,41 @@ Choose the `Default preview source` option to present the first available source If a FrameGroup doesn't have the selected preview source, the preview displays the "Source not available" message. ::: +## Statistics + +The **Statistics** tab displays a dataset version's label usage stats. +* Each label is listed along with the number of times it was used in the version +* The pie chart visualizes these stats. Hover over a chart slice and its associated label and usage + percentage will appear at the center of the chart. + +![Version label statistics](../../img/hyperdatasets/dataset_version_statistics.png) + +## Metadata +The **Metadata** tab presents any additional metadata that has been attached to the dataset version. + +**To edit a version's metadata,** + +1. Hover over the metadata box and click on the **EDIT** button +1. Edit the section contents (JSON format) +1. Click **OK** + +![Version metadata](../../img/hyperdatasets/dataset_version_metadata.png) + +## Info + +The **Info** tab presents a version's general information: +* Version ID +* Version name +* Dataset ID +* Dataset name +* Dataset description +* Dataset tags +* Status (*Draft* or *Published*) +* Creating user +* Version update time +* Number of frames +* Percentage of annotated frames +* Version description (editable, hover over element and click Edit pencil) + +![Version info](../../img/hyperdatasets/dataset_version_info_panel.png) + diff --git a/docs/hyperdatasets/webapp/webapp_exp_track_visual.md b/docs/hyperdatasets/webapp/webapp_exp_track_visual.md index 0e1d480e..5d5c35e5 100644 --- a/docs/hyperdatasets/webapp/webapp_exp_track_visual.md +++ b/docs/hyperdatasets/webapp/webapp_exp_track_visual.md @@ -17,7 +17,7 @@ In an experiment's page, go to the **DATAVIEWS** tab to view all the experiment' * On-the-fly [data augmentation](#augmentation) * [Iteration controls](#iteration-control) -![image](../../img/hyperdatasets/web-app/dataview_tab.png) +![Dataview tab](../../img/hyperdatasets/web-app/dataview_tab.png) ### Input diff --git a/docs/img/hyperdatasets/dataset_version_info_panel.png b/docs/img/hyperdatasets/dataset_version_info_panel.png new file mode 100644 index 00000000..9ea184ed Binary files /dev/null and b/docs/img/hyperdatasets/dataset_version_info_panel.png differ diff --git a/docs/img/hyperdatasets/dataset_version_metadata.png b/docs/img/hyperdatasets/dataset_version_metadata.png new file mode 100644 index 00000000..dd91fa20 Binary files /dev/null and b/docs/img/hyperdatasets/dataset_version_metadata.png differ diff --git a/docs/img/hyperdatasets/dataset_version_statistics.png b/docs/img/hyperdatasets/dataset_version_statistics.png new file mode 100644 index 00000000..c7a43dfb Binary files /dev/null and b/docs/img/hyperdatasets/dataset_version_statistics.png differ diff --git a/docs/img/hyperdatasets/datasets_01.png b/docs/img/hyperdatasets/datasets_01.png index 25fab655..be69c9b6 100644 Binary files a/docs/img/hyperdatasets/datasets_01.png and b/docs/img/hyperdatasets/datasets_01.png differ diff --git a/docs/img/hyperdatasets/frame_browser_list.png b/docs/img/hyperdatasets/frame_browser_list.png index 574f20d8..a66c1e9e 100644 Binary files a/docs/img/hyperdatasets/frame_browser_list.png and b/docs/img/hyperdatasets/frame_browser_list.png differ diff --git a/docs/img/hyperdatasets/frame_browser_menu.png b/docs/img/hyperdatasets/frame_browser_menu.png index bdee2d8c..9a3dbcaf 100644 Binary files a/docs/img/hyperdatasets/frame_browser_menu.png and b/docs/img/hyperdatasets/frame_browser_menu.png differ diff --git a/docs/img/hyperdatasets/frame_browser_thumbnails.png b/docs/img/hyperdatasets/frame_browser_thumbnails.png index a649cdd3..edfdf448 100644 Binary files a/docs/img/hyperdatasets/frame_browser_thumbnails.png and b/docs/img/hyperdatasets/frame_browser_thumbnails.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_01.png b/docs/img/hyperdatasets/frame_filtering_01.png index b7b80747..bdecf4f8 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_01.png and b/docs/img/hyperdatasets/frame_filtering_01.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_02.png b/docs/img/hyperdatasets/frame_filtering_02.png index 0ac2c8df..c378293c 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_02.png and b/docs/img/hyperdatasets/frame_filtering_02.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_03.png b/docs/img/hyperdatasets/frame_filtering_03.png index 86bacb32..ccbaf8c6 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_03.png and b/docs/img/hyperdatasets/frame_filtering_03.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_04.png b/docs/img/hyperdatasets/frame_filtering_04.png index 106a732a..535f1e92 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_04.png and b/docs/img/hyperdatasets/frame_filtering_04.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_08.png b/docs/img/hyperdatasets/frame_filtering_08.png index 89caf405..c05700cb 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_08.png and b/docs/img/hyperdatasets/frame_filtering_08.png differ diff --git a/docs/img/hyperdatasets/frame_filtering_10.png b/docs/img/hyperdatasets/frame_filtering_10.png index a6025600..a5c38571 100644 Binary files a/docs/img/hyperdatasets/frame_filtering_10.png and b/docs/img/hyperdatasets/frame_filtering_10.png differ diff --git a/docs/img/hyperdatasets/frame_overview_01.png b/docs/img/hyperdatasets/frame_overview_01.png index 65a48611..0c90722c 100644 Binary files a/docs/img/hyperdatasets/frame_overview_01.png and b/docs/img/hyperdatasets/frame_overview_01.png differ diff --git a/docs/img/hyperdatasets/hyperdataset_card.png b/docs/img/hyperdatasets/hyperdataset_card.png new file mode 100644 index 00000000..287d66f8 Binary files /dev/null and b/docs/img/hyperdatasets/hyperdataset_card.png differ diff --git a/docs/img/hyperdatasets/hyperdataset_search_2.png b/docs/img/hyperdatasets/hyperdataset_search_2.png index 8e6bc1eb..92e6df68 100644 Binary files a/docs/img/hyperdatasets/hyperdataset_search_2.png and b/docs/img/hyperdatasets/hyperdataset_search_2.png differ diff --git a/docs/img/hyperdatasets/web-app/dataset_simple_adv_01.png b/docs/img/hyperdatasets/web-app/dataset_simple_adv_01.png index d9119853..b108e0fb 100644 Binary files a/docs/img/hyperdatasets/web-app/dataset_simple_adv_01.png and b/docs/img/hyperdatasets/web-app/dataset_simple_adv_01.png differ diff --git a/docs/img/hyperdatasets/web-app/dataset_simple_adv_02.png b/docs/img/hyperdatasets/web-app/dataset_simple_adv_02.png index 366821a7..f7ab4555 100644 Binary files a/docs/img/hyperdatasets/web-app/dataset_simple_adv_02.png and b/docs/img/hyperdatasets/web-app/dataset_simple_adv_02.png differ diff --git a/docs/img/hyperdatasets/web-app/dataset_versions.png b/docs/img/hyperdatasets/web-app/dataset_versions.png new file mode 100644 index 00000000..4d773123 Binary files /dev/null and b/docs/img/hyperdatasets/web-app/dataset_versions.png differ diff --git a/docs/img/hyperdatasets/web-app/dataview_tab.png b/docs/img/hyperdatasets/web-app/dataview_tab.png index b79353c1..0d0fcaad 100644 Binary files a/docs/img/hyperdatasets/web-app/dataview_tab.png and b/docs/img/hyperdatasets/web-app/dataview_tab.png differ diff --git a/docs/img/webapp_hyperdataset_card_context_menu.png b/docs/img/webapp_hyperdataset_card_context_menu.png new file mode 100644 index 00000000..1dc411bc Binary files /dev/null and b/docs/img/webapp_hyperdataset_card_context_menu.png differ diff --git a/docs/img/webapp_hyperdataset_creation.png b/docs/img/webapp_hyperdataset_creation.png new file mode 100644 index 00000000..9748aa59 Binary files /dev/null and b/docs/img/webapp_hyperdataset_creation.png differ diff --git a/docs/webapp/webapp_exp_track_visual.md b/docs/webapp/webapp_exp_track_visual.md index 4f4b5511..ea22ea4f 100644 --- a/docs/webapp/webapp_exp_track_visual.md +++ b/docs/webapp/webapp_exp_track_visual.md @@ -299,15 +299,19 @@ are on the left side of the window. The tools include: See additional [plot controls](#plot-controls) below. ### Plots -Non-time-series plots appear in **PLOTS**. These include data reported by libraries, visualization -tools, and ClearML explicit reporting. These may include 2D and 3D plots, tables (Pandas and CSV files), and Plotly plots. -Individual plots can be shown / hidden or filtered by title. +Non-time-series plots appear in **PLOTS**. These include data generated by libraries, visualization tools, and +explicitly reported using the ClearML Logger. These may include 2D and 3D plots, tables (Pandas and CSV files), and +Plotly plots. Individual plots can be shown / hidden or filtered by title. ![Plots tab](../img/webapp_tracking_35.png) -The last iteration of each plot is displayed. Viewing a plot in full -screen (Maximize plot icon) -provides navigation to plots from previous iterations. +For each metric, the latest reported plot is displayed. + +When viewing a plot in full screen (Maximize plot icon), +older iterations are available through the iteration slider (or using the up/down arrow keyboard shortcut). Go to the +previous/next plot in the current iteration using the Previous / Next +buttons (or using the left/right arrow keyboard shortcut). + ![Plots maximize tab](../img/webapp_tracking_35a.png) @@ -348,42 +352,25 @@ These controls allow you to better analyze the results. Hover over a plot, and t ### Debug Samples -View debug samples by metric at any iteration. The most recent iteration appears first. +Experiment outputs such as images, audio, and videos appear in **DEBUG SAMPLES**. These include data generated by +libraries and visualization tools, and explicitly reported using the [ClearML Logger](../fundamentals/logger.md). + +You can view debug samples by metric at any iteration. Filter the samples by metric by selecting a metric from the +dropdown menu above the samples. The most recent iteration appears first. ![Debug Samples tab](../img/webapp_tracking_43.png) -Use the viewer / player to inspect images, audio, video samples and do any of the following: +For each metric, the latest reported debug sample is displayed. + +Click a sample to view it in full screen. If the sample is video or audio, the full screen mode includes a player. + +When viewing a sample in full screen, older iterations are available through the iteration slider (or using the up/down +arrow keyboard shortcut). Go to the previous/next sample in the current iteration using the Previous / Next +buttons (or using the left/right arrow keyboard shortcut). -* Move to the same sample in a different iteration (move the iteration slider). -* Show the next or previous iteration's sample. -* Download the file Download. -* Zoom. -* View the sample's iteration number, width, height, and coordinates. ![Debug Samples image viewer](../img/webapp_tracking_44.png) -**To view debug samples:** - -1. Click the **DEBUG SAMPLES** tab. The most recent iteration appears at the top. -1. Locate debug samples by doing the following: - - * Filter by metric. In the **Metric** list, choose a metric. - * Show other iterations. Click Left arrow - (Older images), Right arrow (New images), - or Skip to newest arrow (Newest images). - -**To view a debug sample in the viewer / player:** - -1. Click the debug sample thumbnail. - -1. Do any of the following: - - * Move to the same sample in another iteration - Move the slider, or click **<** (previous) or **>** (next). - * Download the file - Click Download. - * Zoom - * For images, locate a position on the sample - Hover over the sample and the X, Y coordinates appear in the legend below the sample. - - ## Tagging Experiments Tags are user-defined, color-coded labels that can be added to experiments (and models), allowing to easily identify and diff --git a/static/icons/ico-list-view.svg b/static/icons/ico-list-view.svg new file mode 100644 index 00000000..bd5a391c --- /dev/null +++ b/static/icons/ico-list-view.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/static/icons/ico-tree-view.svg b/static/icons/ico-tree-view.svg new file mode 100644 index 00000000..e680ec27 --- /dev/null +++ b/static/icons/ico-tree-view.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file