mix_images_with_charts.py

import numpy as np
import pandas as pd
import streamlit as st

tabs = st.tabs(["metrics", "plots", "reports"])

tab_metrics = tabs[0]

with tab_metrics:
    st.metric("Precision", 0.85, delta=0.2)
    st.metric("Recall", 0.60, delta=-0.1)

tab_plots = tabs[1]
with tab_plots:

    cols = st.columns(2)
    with cols[0]:
        st.image("./roc.png")

    with cols[1]:
        st.image("./loss.webp")

    x = np.arange(0, 100, 0.01) * 1.5
    noise = np.random.rand(*x.shape)
    y = x + noise
    data = pd.DataFrame(index=x, data=y, columns=["y"])
    st.line_chart(data)