import altair as alt
import pandas as pd

rows = pd.DataFrame([
    {"work": "Install", "team": "Field", "units": 12},
    {"work": "Audit", "team": "Desk", "units": 18},
    {"work": "Repair", "team": "Field", "units": 7},
    {"work": "Review", "team": "Desk", "units": 23},
])
team = alt.selection_point(
    fields=["team"], name="team_filter",
    bind=alt.binding_select(
        options=[None, "Field", "Desk"],
        labels=["All teams", "Field", "Desk"], name="Team: "
    )
)
chart = alt.Chart(rows).mark_bar().encode(
    x=alt.X("units:Q", title="Units"),
    y=alt.Y("work:N", title=None),
    tooltip=["work:N", "team:N", "units:Q"]
).add_params(team).transform_filter(team).properties(
    width="container", height=220
).configure_axis(labelFontSize=14, titleFontSize=14)
chart.save("work-items.html")