From 929489111d24ad0ddac6f92db2f0a1067a298a17 Mon Sep 17 00:00:00 2001
From: ishaan-jaff <ishaanjaffer0324@gmail.com>
Date: Wed, 6 Mar 2024 12:59:09 -0800
Subject: [PATCH] (feat) admin UI show model avg latency, num requests

---
 .../src/components/model_dashboard.tsx        | 21 +++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/model_dashboard.tsx b/ui/litellm-dashboard/src/components/model_dashboard.tsx
index f18d76e6a..18bb8776a 100644
--- a/ui/litellm-dashboard/src/components/model_dashboard.tsx
+++ b/ui/litellm-dashboard/src/components/model_dashboard.tsx
@@ -208,13 +208,26 @@ const ModelDashboard: React.FC<ModelDashboardProps> = ({
           </Table>
         </Card>
         <Card>
-          <Title>Model Statistics (Number Requests, Latency)</Title>
+          <Title>Model Statistics (Number Requests)</Title>
               <BarChart
                 data={modelMetrics}
                 index="model"
-                categories={["num_requests", "avg_latency_seconds"]}
-                colors={["blue", "red"]}
-                yAxisWidth={100}
+                categories={["num_requests"]}
+                colors={["blue"]}
+                yAxisWidth={400}
+                layout="vertical"
+                tickGap={5}
+              />
+        </Card>
+        <Card>
+          <Title>Model Statistics (Latency)</Title>
+              <BarChart
+                data={modelMetrics}
+                index="model"
+                categories={["avg_latency_seconds"]}
+                colors={["red"]}
+                yAxisWidth={400}
+                layout="vertical"
                 tickGap={5}
               />
         </Card>