Practice: kiosk grammar

Bar, line, scatter.

Grammar of graphics on kiosk data.

Goal

Run every block and confirm the chart is visible.

df = pd.DataFrame({
    "city": ["Nairobi", "Mombasa", "Kisumu", "Nakuru", "Eldoret"],
    "units": [21, 15, 15, 18, 12],
    "shillings": [2100, 1500, 1480, 1750, 1190],
})
alt.Chart(df).mark_bar().encode(x=alt.X("city:N", sort="-y"), y="units:Q").properties(title="Ranked").show()
print("bar")
df = pd.DataFrame({
    "month": ["Jan", "Feb", "Mar", "Apr"] * 2,
    "mm": [48, 55, 92, 150, 22, 18, 40, 80],
    "city": ["Nairobi"] * 4 + ["Mombasa"] * 4,
})
alt.Chart(df).mark_line(point=True).encode(x="month:N", y="mm:Q", color="city:N").show()
print("line")
df = pd.DataFrame({
    "units": [12, 7, 9, 4, 11, 3, 14, 8],
    "shillings": [1260, 1540, 945, 880, 1155, 660, 1470, 1760],
    "city": ["Nairobi", "Nairobi", "Mombasa", "Mombasa", "Kisumu", "Kisumu", "Nakuru", "Eldoret"],
})
alt.Chart(df).mark_circle(size=80).encode(x="units:Q", y="shillings:Q", color="city:N").show()
print("scatter")
print("mark + encode + show.")