Dash 1 Basic Application Structure

Sub-skill of dash: 1. Basic Application Structure.

vamseeachanta a371e53 931 B Updated

File contents

1. Basic Application Structure

1. Basic Application Structure

Minimal Dash App:

from dash import Dash, html, dcc
import plotly.express as px
import pandas as pd

# Initialize app
app = Dash(__name__)

# Sample data
df = pd.DataFrame({
    "Fruit": ["Apples", "Oranges", "Bananas", "Apples", "Oranges", "Bananas"],
    "Amount": [4, 1, 2, 2, 4, 5],
    "City": ["SF", "SF", "SF", "NYC", "NYC", "NYC"]
})

# Create figure
fig = px.bar(df, x="Fruit", y="Amount", color="City", barmode="group")

# Layout
app.layout = html.Div([
    html.H1("Hello Dash"),
    html.P("This is a simple Dash application."),
    dcc.Graph(id="example-graph", figure=fig)
])

# Run server
if __name__ == "__main__":
    app.run(debug=True)

Run the app:

python app.py
# Visit http://127.0.0.1:8050/

vamseeachanta/workspace-hub/tree/main/.agents/skills/_archive/data/analysis/dash/1-basic-application-structure commit a371e535ec

Frequently asked questions

npx skillmds@latest add vamseeachanta/dash-1-basic-application-structure