Building an Interactive Weather Dashboard with Python Dash

Python Dash is an open‑source Python web framework that enables rapid creation of interactive data dashboards and web applications.

The article walks through installing Dash and its dependencies, setting up a basic layout with a title, dropdown menu and graph, and adding interactive elements using callbacks.

pip install dash
pip install plotly==4.14.3

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
import plotly.express as px

A simple layout is defined with app = dash.Dash(__name__) and app.layout = html.Div(...) , including an dcc.Dropdown for city selection and a dcc.Graph to display weather data.

@app.callback(
    Output('weather-graph', 'figure'),
    Input('city-dropdown', 'value')
)
def update_weather(city):
    df = px.data.wind()
    filtered_df = df[df.city == city]
    fig = px.scatter_polar(filtered_df, r="frequency", theta="direction",
                           color="strength", size="frequency", size_max=10)
    fig.update_layout(polar=dict(radialaxis=dict(visible=True, range=[0,45])),
                      showlegend=False)
    return fig

Custom controls are added with two dcc.Slider components for marker size and line width, and the callback is extended to accept these inputs.

@app.callback(
    Output('weather-graph', 'figure'),
    [Input('city-dropdown', 'value'),
     Input('marker-size-slider', 'value'),
     Input('line-width-slider', 'value')]
)
def update_weather(city, marker_size, line_width):
    df = px.data.wind()
    filtered_df = df[df.city == city]
    fig = px.scatter_polar(filtered_df, r="frequency", theta="direction",
                           color="strength", size="frequency",
                           size_max=marker_size, line_width=line_width)
    fig.update_layout(polar=dict(radialaxis=dict(visible=True, range=[0,45])),
                      showlegend=False)
    return fig

Finally, the app is run locally with if __name__ == '__main__': app.run_server(debug=True) and can be deployed to cloud platforms such as Heroku or PythonAnywhere for sharing via WeChat.