Jake/data_pipeline_for_YNAB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

almost there

Browse Source
This commit is contained in:
Jake
2025-04-12 15:20:05 +01:00
parent c0b5e95d98
commit a79c245511
5 changed files with 46 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
visuals/layout.py
+25 -20
View File
@@ -1,6 +1,10 @@
from dash import html, dcc
from datetime import date
import dash_bootstrap_components as dbc
from datetime import date, timedelta
today = date.today()
one_year_ago = today - timedelta(days=365)
def create_layout(data):
@@ -13,22 +17,22 @@ def create_layout(data):
def create_topbar():
return [
dbc.Container(
dbc.Row(
[
dbc.Col(
dcc.DatePickerRange(
id="date-picker-range",
start_date=date(2024, 1, 1),
end_date=date(2026, 1, 1),
),
width=4,
),
dbc.Col(
html.Button("Change Date Range", id="date-range-confirm-button"),
width=2,
),
]
)
dbc.Row(
[
dbc.Col(
dcc.DatePickerRange(
id="date-picker-range",
start_date=one_year_ago,
end_date=today,
),
width=4,
),
dbc.Col(
html.Button("Change Date Range", id="date-range-confirm-button"),
width=2,
),
]
)
)
]
@@ -54,7 +58,7 @@ def create_main_body(data):
html.H4(
"Spend Per Day", className="card-title"
),
dcc.Graph(figure=data.spend_per_day_line),
dcc.Graph(figure=data['spend_per_day_line'],id='spend_per_day'),
]
),
className="mb-4",
@@ -72,7 +76,7 @@ def create_main_body(data):
html.H4(
"Spend Per Category", className="card-title"
),
dcc.Graph(figure=data.spend_per_category_bar),
dcc.Graph(figure=data['spend_per_category_bar'],id='spend_per_category'),
]
),
className="mb-4",
@@ -85,10 +89,11 @@ def create_main_body(data):
[
dcc.Markdown(f"""
## Total Spend:
### £{data.total_spend:,}
### £{data['total_spend']:,}
"""),
]
),
id='total_spend',
className="mb-4",
),
width=2,
@@ -100,7 +105,7 @@ def create_main_body(data):
html.H4(
"Spend Per Payee", className="card-title"
),
dcc.Graph(figure=data.spend_per_payee_bar),
dcc.Graph(figure=data['spend_per_payee_bar'],id='spend_per_payee'),
]
),
className="mb-4",