fix order and size

app.py

@@ -29,9 +29,9 @@ OPTIMUM_TOKEN = os.environ.get("OPTIMUM_TOKEN", None)
 
 
 ALL_COLUMNS_MAPPING = {
-    "model_type": "Model Type 🤗",
-    "weight_class": "Weight Class 🏋️",
     "best_scored_model": "Best Scored Model 🏆",
+    "model_type": "Type 🤗",
+    "weight_class": "Class 🏋️",
     #
     "backend.name": "Backend 🏭",
     "backend.torch_dtype": "Dtype 📥",
@@ -45,9 +45,9 @@ ALL_COLUMNS_MAPPING = {
     #
 }
 ALL_COLUMNS_DATATYPES = [
+    "markdown",
     "str",
     "str",
-    "markdown",
     #
     "str",
     "str",
@@ -131,7 +131,6 @@ def get_benchmark_plot(bench_df):
         x="generate.latency(s)",
         y="best_score",
         color="model_type",
-        symbol="backend.name",
         size="forward.peak_memory(MB)",
         custom_data=[
             "best_scored_model",
@@ -141,7 +140,6 @@ def get_benchmark_plot(bench_df):
             "forward.peak_memory(MB)",
             "generate.throughput(tokens/s)",
         ],
-        symbol_sequence=["triangle-up", "circle"],
         color_discrete_sequence=px.colors.qualitative.Light24,
     )
 

src/assets/css_html_js.py

@@ -25,8 +25,8 @@ custom_css = """
     border: none;
 }
 
-table td:nth-child(3),
-table th:nth-child(3) {
+table td:first-child,
+table th:first-child {
     max-width: 300px;
     overflow: auto;
     white-space: nowrap;