From 802ceeb397a036fe33c02b910034422d7d83ba50 Mon Sep 17 00:00:00 2001
From: Artur Susdorf <as@gradient0.com>
Date: Wed, 26 Jun 2024 10:59:17 +0200
Subject: [PATCH] new metric

---
 dvclive/metrics.json                 |  3 ++-
 dvclive/plots/metrics/new_metric.tsv |  2 ++
 dvclive/report.html                  | 12 ++++++++++--
 3 files changed, 14 insertions(+), 3 deletions(-)
 create mode 100644 dvclive/plots/metrics/new_metric.tsv

diff --git a/dvclive/metrics.json b/dvclive/metrics.json
index a26b9e2..795f3c1 100644
--- a/dvclive/metrics.json
+++ b/dvclive/metrics.json
@@ -1,3 +1,4 @@
 {
-    "myMetric": 543
+    "myMetric": 543,
+    "new_metric": 333
 }
diff --git a/dvclive/plots/metrics/new_metric.tsv b/dvclive/plots/metrics/new_metric.tsv
new file mode 100644
index 0000000..b34b37b
--- /dev/null
+++ b/dvclive/plots/metrics/new_metric.tsv
@@ -0,0 +1,2 @@
+step	new_metric
+0	333
diff --git a/dvclive/report.html b/dvclive/report.html
index 11522dd..ecc247c 100644
--- a/dvclive/report.html
+++ b/dvclive/report.html
@@ -36,10 +36,10 @@
             <div style="display: flex;justify-content: center;">
                 <table>
 <thead>
-<tr><th style="text-align: right;">  myMetric</th></tr>
+<tr><th style="text-align: right;">  myMetric</th><th style="text-align: right;">  new_metric</th></tr>
 </thead>
 <tbody>
-<tr><td style="text-align: right;">       543</td></tr>
+<tr><td style="text-align: right;">       543</td><td style="text-align: right;">         333</td></tr>
 </tbody>
 </table>
             </div>
@@ -53,6 +53,14 @@
     </div>
     
 
+    <div id = "static_new_metric">
+        <script type = "text/javascript">
+            var spec = {"$schema": "https://vega.github.io/schema/vega-lite/v5.json", "data": {"values": [{"step": "0", "new_metric": "333", "rev": "workspace"}]}, "title": "new_metric", "width": 300, "height": 300, "params": [{"name": "smooth", "value": 0.001, "bind": {"input": "range", "min": 0.001, "max": 1, "step": 0.001}}], "layer": [{"mark": "line", "encoding": {"x": {"field": "step", "type": "quantitative", "title": "step"}, "y": {"field": "new_metric", "type": "quantitative", "title": "new_metric", "scale": {"zero": false}}, "color": {"field": "rev", "type": "nominal"}, "tooltip": [{"field": "step", "title": "step", "type": "quantitative"}, {"field": "new_metric", "title": "new_metric", "type": "quantitative"}]}, "transform": [{"loess": "new_metric", "on": "step", "groupby": ["rev", "filename", "field", "filename::field"], "bandwidth": {"signal": "smooth"}}]}, {"mark": {"type": "line", "opacity": 0.2}, "encoding": {"x": {"field": "step", "type": "quantitative", "title": "step"}, "y": {"field": "new_metric", "type": "quantitative", "title": "new_metric", "scale": {"zero": false}}, "color": {"field": "rev", "type": "nominal"}, "tooltip": [{"field": "step", "title": "step", "type": "quantitative"}, {"field": "new_metric", "title": "new_metric", "type": "quantitative"}]}}, {"mark": {"type": "circle", "size": 10, "tooltip": {"content": "encoding"}}, "encoding": {"x": {"aggregate": "max", "field": "step", "type": "quantitative", "title": "step"}, "y": {"aggregate": {"argmax": "step"}, "field": "new_metric", "type": "quantitative", "title": "new_metric", "scale": {"zero": false}}, "color": {"field": "rev", "type": "nominal"}}}]};
+            vegaEmbed('#static_new_metric', spec);
+        </script>
+    </div>
+    
+
     <div id = "iris_feature_importance">
         <script type = "text/javascript">
             var spec = {"$schema": "https://vega.github.io/schema/vega-lite/v5.json", "data": {"values": [{"name": "petal_width", "importance": 0.4, "rev": "workspace"}, {"name": "petal_length", "importance": 0.33, "rev": "workspace"}, {"name": "sepal_width", "importance": 0.24, "rev": "workspace"}, {"name": "sepal_length", "importance": 0.03, "rev": "workspace"}]}, "title": "Iris Dataset: Feature Importance", "width": 300, "height": 300, "mark": {"type": "bar"}, "encoding": {"x": {"field": "importance", "type": "quantitative", "title": "Feature Importance", "scale": {"zero": false}}, "y": {"field": "name", "type": "nominal", "title": "Feature Name"}, "yOffset": {"field": "rev"}, "color": {"field": "rev", "type": "nominal"}}};