app.py

# Run this app with `python app.py` and
# visit http://127.0.0.1:5050/ in your web browser.

from dash import Dash, html, dcc
import plotly.express as px
import pandas as pd
app = Dash(__name__)

# assume you have a "long-form" data frame
# see https://plotly.com/python/px-arguments/ for more options
df = pd.DataFrame({
    "Campus": ["UON", "TUK", "Daystar Uni", "JKUAT", "KU", "KCA"],
    "Admissions": [4000, 1800, 2500, 8000, 4500, 3500],
    "County": ["Nairobi", "Nairobi", "Nairobi", "Kiambu", "Kiambu", "Kiambu"]
})

fig = px.bar(df, x="Campus", y="Admissions", color="County", barmode="group")

app.layout = html.Div(children=[
    html.H1(children='University Campuses'),

    html.Div(children='''
        Admissions per campus for the year 2023.
    '''),

    dcc.Graph(figure=fig,id='barGraph')
])

if __name__ == '__main__':
    app.run(debug=True,port=5050)