| """Performance dashboard tab.""" |
|
|
| from __future__ import annotations |
|
|
| from typing import Any |
|
|
| import pandas as pd |
| import plotly.express as px |
| import streamlit as st |
|
|
|
|
| def _fmt_currency(value: float) -> str: |
| return f"${value:,.2f}" |
|
|
|
|
| def _build_comparison_table() -> pd.DataFrame: |
| return pd.DataFrame( |
| [ |
| {"System": "WarehouseEye MI300X", "Cost/min video": "$0.04", "Privacy": "Local", "Open Source": "Yes"}, |
| {"System": "GPT-4V API est.", "Cost/min video": "$1.20", "Privacy": "Cloud", "Open Source": "No"}, |
| {"System": "BriefCam", "Cost/min video": "~$50K/year", "Privacy": "Either", "Open Source": "No"}, |
| ] |
| ) |
|
|
|
|
| def render_performance_dashboard( |
| benchmark_payload: dict[str, Any], |
| throughput_rows: list[dict[str, float]], |
| ) -> None: |
| wall_time_sec = float(benchmark_payload.get("wall_time_sec", 0.0)) |
| total_cost_usd = float(benchmark_payload.get("total_cost_usd", 0.0)) |
| cost_per_min = (total_cost_usd / wall_time_sec * 60.0) if wall_time_sec > 0 else 0.0 |
|
|
| row1 = st.columns(5) |
| row1[0].metric("Frames analyzed", f"{int(benchmark_payload.get('frames_analyzed', 0))}") |
| row1[1].metric("Tokens/sec sustained", f"{float(benchmark_payload.get('tokens_per_second_avg', 0.0)):.2f}") |
| row1[2].metric("Latency per crop (ms)", f"{float(benchmark_payload.get('latency_per_crop_ms', 0.0)):.2f}") |
| row1[3].metric("Total cost USD", _fmt_currency(total_cost_usd)) |
| row1[4].metric("Cost per minute video", _fmt_currency(cost_per_min)) |
|
|
| st.markdown("#### WarehouseEye on AMD MI300X vs alternatives") |
| st.dataframe(_build_comparison_table(), hide_index=True, use_container_width=True) |
|
|
| st.markdown("#### Throughput over processing time") |
| if throughput_rows: |
| df = pd.DataFrame(throughput_rows) |
| fig = px.line(df, x="elapsed_sec", y="tokens_per_sec", markers=True) |
| fig.update_layout( |
| paper_bgcolor="#0F141A", |
| plot_bgcolor="#0F141A", |
| font={"family": "JetBrains Mono, Fira Code, monospace", "color": "#E8EEF2"}, |
| xaxis_title="Time (sec)", |
| yaxis_title="Tokens/sec", |
| margin={"l": 10, "r": 10, "t": 20, "b": 10}, |
| ) |
| st.plotly_chart(fig, use_container_width=True, theme=None) |
| else: |
| st.info("Throughput data will appear after analyze/query actions.") |
|
|
