Add a release card for chart view (mlflow#10263)

Signed-off-by: harupy <[email protected]> Signed-off-by: swathi <[email protected]>
KonakanchiSwathi · Nov 29, 2023 · cde1bef · cde1bef
1 parent e81c071
commit cde1bef
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 4 deletions.
diff --git a/docs/source/getting-started/quickstart-2/index.rst b/docs/source/getting-started/quickstart-2/index.rst
@@ -56,10 +56,15 @@ Open the MLflow UI in your browser at the `MLFLOW_TRACKING_URI`. You should see
 
 Choose **Chart view**. Choose the **Parallel coordinates** graph and configure it to show the **lr** and **momentum** coordinates and the **test_rmse** metric. Each line in this graph represents a run and associates each hyperparameter evaluation run's parameters to the evaluated error metric for the run. 
 
-.. image:: ../../_static/images/quickstart_mlops/mlflow_ui_chart_view.png
-    :width: 800px
-    :align: center
-    :alt: Screenshot of MLflow tracking UI parallel coordinates graph showing runs
+.. raw:: html
+
+  <img
+    src="../../_static/images/quickstart_mlops/mlflow_ui_chart_view.png"
+    width="800px"
+    class="align-center"
+    id="chart-view"
+    alt="Screenshot of MLflow tracking UI parallel coordinates graph showing runs"
+  >
 
 The red graphs on this graph are runs that fared poorly. The lowest one is a baseline run with both **lr** and **momentum** set to 0.0. That baseline run has an RMSE of ~0.89. The other red lines show that high **momentum** can also lead to poor results with this problem and architecture. 
 

diff --git a/docs/source/new-features/index.rst b/docs/source/new-features/index.rst
@@ -259,5 +259,20 @@ Find out about the details of major features, changes, and deprecations below.
                     </div>
                 </div>
             </div>
+            <div class="grid-card">
+                <div class="content-container">
+                    <div class="header">
+                        Chart View added to the MLflow UI
+                    </div>
+                    <img class="card-image" src="../_static/images/logos/mlflow-logo.svg" alt="MLflow"></img>
+                    <div class="body">
+                        You can now visualize parameters and metrics across multiple runs as a chart on the runs table.
+                    </div>
+                    <div class="doc"><a href="../getting-started/quickstart-2/index.html#chart-view">Learn more</a></div>
+                    <div class="tag">
+                        <a href="https://github.com/mlflow/mlflow/releases/tag/v2.2.0">released in 2.2.0</a>
+                    </div>
+                </div>
+            </div>
         </article>
     </section>