mortgage simulator v0.23.1

import%20marimo%0A%0A__generated_with%20%3D%20%220.23.1%22%0Aapp%20%3D%20marimo.App(width%3D%22medium%22)%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20import%20marimo%20as%20mo%0A%20%20%20%20import%20pandas%20as%20pd%0A%20%20%20%20import%20altair%20as%20alt%0A%20%20%20%20from%20decimal%20import%20Decimal%2C%20getcontext%0A%20%20%20%20import%20math%0A%0A%20%20%20%20return%20Decimal%2C%20alt%2C%20getcontext%2C%20math%2C%20mo%2C%20pd%0A%0A%0A%40app.cell%0Adef%20_(mo)%3A%0A%20%20%20%20%23%20---%20Task%201%3A%20UI%20%E3%81%AE%E6%A7%8B%E7%AF%89%20(The%20Reactive%20Ghost%20Protocol)%20---%0A%20%20%20%20_rows_mapping%20%3D%20%7B%0A%20%20%20%20%20%20%20%20%22plan_a%22%3A%20%22%E3%83%97%E3%83%A9%E3%83%B3A%22%2C%0A%20%20%20%20%20%20%20%20%22plan_b%22%3A%20%22%E3%83%97%E3%83%A9%E3%83%B3B%22%2C%0A%20%20%20%20%20%20%20%20%22plan_c%22%3A%20%22%E3%83%97%E3%83%A9%E3%83%B3C%22%0A%20%20%20%20%7D%0A%0A%20%20%20%20_initial_values%20%3D%20%7B%0A%20%20%20%20%20%20%20%20%22plan_a%22%3A%20%5B3000%2C%2035%2C%200.5%2C%200%5D%2C%0A%20%20%20%20%20%20%20%20%22plan_b%22%3A%20%5B3000%2C%2035%2C%200.5%2C%20100%5D%2C%0A%20%20%20%20%20%20%20%20%22plan_c%22%3A%20%5B3000%2C%2035%2C%201.5%2C%200%5D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%23%20%F0%9F%92%A1%20%E3%83%90%E3%83%83%E3%82%AF%E3%82%A8%E3%83%B3%E3%83%89%3A%20mo.ui.dictionary%20%E3%81%A7%E7%8A%B6%E6%85%8B%E7%AE%A1%E7%90%86%E3%82%92%E5%BE%A9%E6%B4%BB%E3%81%95%E3%81%9B%E3%80%81DAG%20%E3%81%AE%E9%80%9A%E4%BF%A1%E3%82%B1%E3%83%BC%E3%83%96%E3%83%AB%E3%82%92%E7%B9%8B%E3%81%90%0A%20%20%20%20scenario_inputs%20%3D%20mo.ui.dictionary(%7B%0A%20%20%20%20%20%20%20%20_key%3A%20mo.ui.dictionary(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22amount%22%3A%20mo.ui.number(start%3D100%2C%20step%3D100%2C%20value%3D_vals%5B0%5D)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22years%22%3A%20mo.ui.number(start%3D1%2C%20step%3D1%2C%20value%3D_vals%5B1%5D)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22rate%22%3A%20mo.ui.number(start%3D0.1%2C%20step%3D0.1%2C%20value%3D_vals%5B2%5D)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22prepayment%22%3A%20mo.ui.number(start%3D0%2C%20step%3D10%2C%20value%3D_vals%5B3%5D)%0A%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%20%20for%20_key%2C%20_vals%20in%20_initial_values.items()%0A%20%20%20%20%7D)%0A%0A%20%20%20%20%23%20%F0%9F%92%A1%20%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%3A%20dictionary%20%E5%85%A8%E4%BD%93%E3%82%92%E6%8F%8F%E7%94%BB%E3%81%99%E3%82%8B%E3%81%AE%E3%81%A7%E3%81%AF%E3%81%AA%E3%81%8F%E3%80%81%E5%80%8B%E5%88%A5%E3%81%AE%E8%A6%81%E7%B4%A0%E3%82%92%20vstack%20%E3%81%AB%E6%8A%BD%E5%87%BA%E3%81%97%E3%81%A6%E7%B8%A6%E7%A9%8D%E3%81%BF%0A%20%20%20%20_vertical_blocks%20%3D%20%5B%5D%0A%20%20%20%20for%20_key%2C%20_label%20in%20_rows_mapping.items()%3A%0A%20%20%20%20%20%20%20%20_vertical_blocks.extend(%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20mo.md(f%22%23%23%23%23%20%7B_label%7D%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20mo.Html(%22%3Csmall%3E%3Cb%3E%E5%80%9F%E5%85%A5%E9%A1%8D%20(%E4%B8%87)%3C%2Fb%3E%3C%2Fsmall%3E%22)%2C%20scenario_inputs%5B_key%5D%5B%22amount%22%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20mo.Html(%22%3Csmall%3E%3Cb%3E%E6%9C%9F%E9%96%93%20(%E5%B9%B4)%3C%2Fb%3E%3C%2Fsmall%3E%22)%2C%20scenario_inputs%5B_key%5D%5B%22years%22%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20mo.Html(%22%3Csmall%3E%3Cb%3E%E5%B9%B4%E5%88%A9%20(%25)%3C%2Fb%3E%3C%2Fsmall%3E%22)%2C%20scenario_inputs%5B_key%5D%5B%22rate%22%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20mo.Html(%22%3Csmall%3E%3Cb%3E%E7%B9%B0%E4%B8%8A%20(%E4%B8%87)%3C%2Fb%3E%3C%2Fsmall%3E%22)%2C%20scenario_inputs%5B_key%5D%5B%22prepayment%22%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20mo.md(%22---%22)%0A%20%20%20%20%20%20%20%20%5D)%0A%0A%20%20%20%20input_panel%20%3D%20mo.vstack(_vertical_blocks)%0A%20%20%20%20return%20input_panel%2C%20scenario_inputs%0A%0A%0A%40app.cell%0Adef%20_(input_panel%2C%20mo%2C%20scenario_inputs)%3A%0A%20%20%20%20%23%20---%20Task%202%3A%20Validation%20%26%20Error%20UI%20Binding%20---%0A%20%20%20%20%23%20mo.ui.dictionary%20%E3%81%AE%20.value%20%E3%81%8B%E3%82%89%E7%9B%B4%E6%8E%A5%E5%85%A8%E3%83%97%E3%83%A9%E3%83%B3%E3%81%AE%E5%80%A4%E3%82%92%E4%B8%80%E6%8B%AC%E5%8F%96%E5%BE%97%EF%BC%88%E3%83%AA%E3%82%A2%E3%82%AF%E3%83%86%E3%82%A3%E3%83%93%E3%83%86%E3%82%A3%E3%81%AE%E7%99%BA%E7%81%AB%E7%82%B9%EF%BC%89%0A%20%20%20%20_matrix_val%20%3D%20scenario_inputs.value%0A%0A%20%20%20%20_error_msg%20%3D%20None%0A%20%20%20%20valid_scenario_data%20%3D%20None%0A%0A%20%20%20%20if%20any(v%5B%22amount%22%5D%20is%20None%20for%20v%20in%20_matrix_val.values())%3A%0A%20%20%20%20%20%20%20%20_error_msg%20%3D%20mo.md(%22**%E3%83%97%E3%83%A9%E3%83%B3%E3%81%8C%E6%9C%AA%E5%85%A5%E5%8A%9B%EF%BC%88%E7%A9%BA%E6%AC%84%EF%BC%89%E3%81%A7%E3%81%99%E3%80%82%3Cbr%2F%3E%E6%95%B0%E5%80%A4%E3%82%92%E5%85%A5%E5%8A%9B%E3%81%97%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82**%22).callout(kind%3D%22danger%22)%0A%20%20%20%20else%3A%0A%20%20%20%20%20%20%20%20_is_invalid%20%3D%20any(%0A%20%20%20%20%20%20%20%20%20%20%20%20(plan%5B%22amount%22%5D%20is%20None%20or%20plan%5B%22amount%22%5D%20%3C%3D%200)%20or%0A%20%20%20%20%20%20%20%20%20%20%20%20(plan%5B%22years%22%5D%20is%20None%20or%20plan%5B%22years%22%5D%20%3C%3D%200)%20or%0A%20%20%20%20%20%20%20%20%20%20%20%20(plan%5B%22rate%22%5D%20is%20None%20or%20plan%5B%22rate%22%5D%20%3C%3D%200)%20or%0A%20%20%20%20%20%20%20%20%20%20%20%20(plan%5B%22prepayment%22%5D%20is%20None%20or%20plan%5B%22prepayment%22%5D%20%3C%200)%0A%20%20%20%20%20%20%20%20%20%20%20%20for%20plan%20in%20_matrix_val.values()%0A%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20if%20_is_invalid%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20_error_msg%20%3D%20mo.md(%22**%E4%B8%8D%E6%AD%A3%E3%81%AA%E5%85%A5%E5%8A%9B%E5%80%A4%E3%81%8C%E6%A4%9C%E5%87%BA%E3%81%95%E3%82%8C%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82**%3Cbr%2F%3E%E9%87%91%E9%A1%8D%E3%83%BB%E6%9C%9F%E9%96%93%E3%83%BB%E5%B9%B4%E5%88%A9%E3%81%AB%E3%81%AF%3Cbr%2F%3E0%E3%82%88%E3%82%8A%E5%A4%A7%E3%81%8D%E3%81%84%E6%95%B0%E5%80%A4%E3%82%92%E5%85%A5%E5%8A%9B%E3%81%97%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82%22).callout(kind%3D%22danger%22)%0A%20%20%20%20%20%20%20%20else%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20valid_scenario_data%20%3D%20_matrix_val%0A%0A%20%20%20%20header_ui%20%3D%20mo.vstack(%5B%0A%20%20%20%20%20%20%20%20mo.md(%22%23%20%F0%9F%8F%A1%20Mortgage%20Simulator%20v4.0%22)%2C%0A%20%20%20%20%20%20%20%20mo.md(%22%E7%B6%AD%E6%8C%81%E8%B2%BB0%E5%86%86%E3%83%BB%E6%83%85%E5%A0%B1%E6%BC%8F%E6%B4%A9%E3%82%BC%E3%83%AD%E3%80%82WASM%E7%92%B0%E5%A2%83%E3%81%A7%E5%8B%95%E4%BD%9C%E3%81%99%E3%82%8B%E9%AB%98%E7%B2%BE%E5%BA%A6%E3%81%AA%E4%BD%8F%E5%AE%85%E3%83%AD%E3%83%BC%E3%83%B3%E6%AF%94%E8%BC%83%E3%82%B7%E3%83%9F%E3%83%A5%E3%83%AC%E3%83%BC%E3%82%BF%E3%83%BC%E3%80%82%3Cbr%2F%3E%E8%A8%AD%E5%AE%9A%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E3%81%A8%E3%80%81%E7%9E%AC%E6%99%82%E3%81%AB%E3%82%B7%E3%83%8A%E3%83%AA%E3%82%AA%E5%88%A5%E3%81%AE%E6%8E%A8%E7%A7%BB%E3%81%8C%E5%86%8D%E8%A8%88%E7%AE%97%E3%81%95%E3%82%8C%E3%81%BE%E3%81%99%E3%80%82%22)%2C%0A%20%20%20%20%20%20%20%20mo.md(%22---%22)%2C%0A%20%20%20%20%20%20%20%20mo.md(%22%23%23%23%20%F0%9F%93%8A%201.%20%E3%82%B7%E3%83%8A%E3%83%AA%E3%82%AA%E8%A8%AD%E5%AE%9A%22)%2C%0A%20%20%20%20%20%20%20%20input_panel%2C%0A%20%20%20%20%20%20%20%20_error_msg%20if%20_error_msg%20else%20mo.md(%22%22)%0A%20%20%20%20%5D)%0A%0A%20%20%20%20return%20header_ui%2C%20valid_scenario_data%0A%0A%0A%40app.cell%0Adef%20_(header_ui)%3A%0A%20%20%20%20%23%20---%20%E6%8F%8F%E7%94%BB%E5%B1%A4%201%3A%20%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%81%A8%E5%85%A5%E5%8A%9B%E3%83%91%E3%83%8D%E3%83%AB%20---%0A%20%20%20%20header_ui%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(Decimal%2C%20getcontext%2C%20math%2C%20mo%2C%20pd%2C%20valid_scenario_data)%3A%0A%20%20%20%20%23%20---%20Task%203%3A%20Decimal%20Calculation%20Engine%20---%0A%20%20%20%20if%20valid_scenario_data%20is%20None%3A%0A%20%20%20%20%20%20%20%20mo.stop(True)%0A%0A%20%20%20%20getcontext().prec%20%3D%2028%0A%20%20%20%20_scenario_labels%20%3D%20%7B%22plan_a%22%3A%20%22%E3%83%97%E3%83%A9%E3%83%B3A%22%2C%20%22plan_b%22%3A%20%22%E3%83%97%E3%83%A9%E3%83%B3B%22%2C%20%22plan_c%22%3A%20%22%E3%83%97%E3%83%A9%E3%83%B3C%22%7D%0A%0A%20%20%20%20def%20_calculate_scenario(plan_key%3A%20str%2C%20plan_data%3A%20dict)%20-%3E%20pd.DataFrame%3A%0A%20%20%20%20%20%20%20%20_amount%20%3D%20Decimal(str(plan_data%5B%22amount%22%5D))%20*%20Decimal(%2210000%22)%0A%20%20%20%20%20%20%20%20_years%20%3D%20int(plan_data%5B%22years%22%5D)%0A%20%20%20%20%20%20%20%20_rate_pct%20%3D%20Decimal(str(plan_data%5B%22rate%22%5D))%0A%20%20%20%20%20%20%20%20_prepayment%20%3D%20Decimal(str(plan_data.get(%22prepayment%22%2C%200)))%20*%20Decimal(%2210000%22)%0A%20%20%20%20%20%20%20%20_months%20%3D%20_years%20*%2012%0A%20%20%20%20%20%20%20%20_label%20%3D%20_scenario_labels.get(plan_key%2C%20plan_key)%0A%0A%20%20%20%20%20%20%20%20if%20_rate_pct%20%3D%3D%20Decimal(%220%22)%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20_monthly_rate%20%3D%20Decimal(%220%22)%0A%20%20%20%20%20%20%20%20%20%20%20%20_monthly_payment%20%3D%20_amount%20%2F%20Decimal(str(_months))%0A%20%20%20%20%20%20%20%20else%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20_monthly_rate%20%3D%20_rate_pct%20%2F%20Decimal(%22100%22)%20%2F%20Decimal(%2212%22)%0A%20%20%20%20%20%20%20%20%20%20%20%20_factor%20%3D%20(_monthly_rate%20%2B%20Decimal(%221%22))%20**%20_months%0A%20%20%20%20%20%20%20%20%20%20%20%20_monthly_payment%20%3D%20_amount%20*%20(_monthly_rate%20*%20_factor)%20%2F%20(_factor%20-%20Decimal(%221%22))%0A%0A%20%20%20%20%20%20%20%20_monthly_payment%20%3D%20_monthly_payment.quantize(Decimal(%221%22))%0A%20%20%20%20%20%20%20%20_balance%20%3D%20_amount%0A%20%20%20%20%20%20%20%20_records%20%3D%20%5B%5D%0A%0A%20%20%20%20%20%20%20%20for%20_m%20in%20range(1%2C%20_months%20%2B%201)%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20_balance%20%3C%3D%20Decimal(%220%22)%3A%20break%0A%20%20%20%20%20%20%20%20%20%20%20%20_interest%20%3D%20(_balance%20*%20_monthly_rate).quantize(Decimal(%221%22))%0A%20%20%20%20%20%20%20%20%20%20%20%20_principal%20%3D%20_monthly_payment%20-%20_interest%0A%20%20%20%20%20%20%20%20%20%20%20%20_extra%20%3D%20_prepayment%20if%20_m%20%25%2012%20%3D%3D%200%20else%20Decimal(%220%22)%0A%20%20%20%20%20%20%20%20%20%20%20%20_total_principal_payment%20%3D%20_principal%20%2B%20_extra%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20_balance%20%3C%20_total_principal_payment%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20_total_principal_payment%20%3D%20_balance%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20_principal%20%3D%20_balance%20-%20_extra%20if%20_balance%20%3E%20_extra%20else%20_balance%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20_principal%20%3C%20Decimal(%220%22)%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20_principal%20%3D%20_balance%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20_extra%20%3D%20Decimal(%220%22)%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20_balance%20-%3D%20_total_principal_payment%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20_records.append(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%E3%83%97%E3%83%A9%E3%83%B3%22%3A%20_label%2C%20%22Month%22%3A%20_m%2C%20%22Year%22%3A%20math.ceil(_m%20%2F%2012)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22Interest%22%3A%20float(_interest)%2C%20%22Principal%22%3A%20float(_principal)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22Extra_Payment%22%3A%20float(_extra)%2C%20%22Balance%22%3A%20float(_balance)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22Total_Payment%22%3A%20float(_interest%20%2B%20_total_principal_payment)%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%20%20return%20pd.DataFrame(_records)%0A%0A%20%20%20%20_all_scenarios_dfs%20%3D%20%5B_calculate_scenario(_key%2C%20_data)%20for%20_key%2C%20_data%20in%20valid_scenario_data.items()%5D%0A%20%20%20%20df_mortgage_scenarios%20%3D%20pd.concat(_all_scenarios_dfs%2C%20ignore_index%3DTrue)%0A%20%20%20%20return%20(df_mortgage_scenarios%2C)%0A%0A%0A%40app.cell%0Adef%20_(alt%2C%20df_mortgage_scenarios%2C%20math%2C%20mo%2C%20pd)%3A%0A%20%20%20%20%23%20---%20Task%204%3A%20Visualization%20%26%20Assembly%20---%0A%20%20%20%20if%20df_mortgage_scenarios%20is%20None%20or%20df_mortgage_scenarios.empty%3A%0A%20%20%20%20%20%20%20%20mo.stop(True)%0A%0A%20%20%20%20%23%201.%20%E3%82%B5%E3%83%9E%E3%83%AA%E3%83%BC%E8%A1%A8%E7%A4%BA%E9%A0%85%E7%9B%AE%E3%81%AE%E3%80%8C%E6%A5%B5%E9%99%90%E5%9C%A7%E7%B8%AE%E3%80%8D%0A%20%20%20%20_summary_records%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%E3%83%97%E3%83%A9%E3%83%B3%22%3A%20_scenario%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%E5%88%A9%E6%81%AF(%E4%B8%87)%22%3A%20round(df_mortgage_scenarios%5Bdf_mortgage_scenarios%5B%22%E3%83%97%E3%83%A9%E3%83%B3%22%5D%20%3D%3D%20_scenario%5D%5B%22Interest%22%5D.sum()%20%2F%2010000%2C%201)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%E7%B7%8F%E6%94%AF%E6%89%95(%E4%B8%87)%22%3A%20round(df_mortgage_scenarios%5Bdf_mortgage_scenarios%5B%22%E3%83%97%E3%83%A9%E3%83%B3%22%5D%20%3D%3D%20_scenario%5D%5B%22Total_Payment%22%5D.sum()%20%2F%2010000%2C%201)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%E5%AE%8C%E6%B8%88(%E5%B9%B4)%22%3A%20math.ceil(df_mortgage_scenarios%5Bdf_mortgage_scenarios%5B'%E3%83%97%E3%83%A9%E3%83%B3'%5D%20%3D%3D%20_scenario%5D%5B'Month'%5D.max()%20%2F%2012)%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20for%20_scenario%20in%20df_mortgage_scenarios%5B%22%E3%83%97%E3%83%A9%E3%83%B3%22%5D.unique()%0A%20%20%20%20%5D%0A%20%20%20%20df_summary%20%3D%20pd.DataFrame(_summary_records)%0A%0A%20%20%20%20%23%20%F0%9F%92%A1%20The%20Zero-Index%20Protocol%3A%20mo.ui.table%20%E3%82%92%E5%AE%8C%E5%85%A8%E5%BB%83%E6%AD%A2%E3%81%97%E3%80%81index%3DFalse%20%E3%81%A7%E7%B4%94%E7%B2%8B%E3%81%AA%20HTML%20%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%82%92%E7%94%9F%E6%88%90%0A%20%20%20%20_table_html%20%3D%20df_summary.to_html(index%3DFalse%2C%20classes%3D'pure-table'%2C%20border%3D0)%0A%0A%20%20%20%20%23%20%F0%9F%92%A1%20Fluid%20HTML%20%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0%3A%20%E4%BD%99%E5%88%86%E3%81%AADOM%E3%82%92%E4%B8%80%E5%88%87%E4%BB%8B%E5%9C%A8%E3%81%95%E3%81%9B%E3%81%9A%E3%80%81CSS%E3%81%A7%E8%A6%AA%E3%81%AE%E5%B9%85(100%25)%E3%81%AB%E9%A0%86%E5%BF%9C%E3%81%95%E3%81%9B%E3%82%8B%0A%20%20%20%20_style%20%3D%20%22%22%22%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20.pure-table%20%7B%20width%3A%20100%25%3B%20border-collapse%3A%20collapse%3B%20font-size%3A%200.9em%3B%20%7D%0A%20%20%20%20%20%20%20%20.pure-table%20th%2C%20.pure-table%20td%20%7B%20border-bottom%3A%201px%20solid%20%23ddd%3B%20padding%3A%208px%3B%20text-align%3A%20left%3B%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%22%22%22%0A%20%20%20%20summary_table%20%3D%20mo.Html(f%22%7B_style%7D%3Cdiv%20style%3D'overflow-x%3A%20auto%3B%20width%3A%20100%25%3B'%3E%7B_table_html%7D%3C%2Fdiv%3E%22)%0A%0A%20%20%20%20%23%202.%20Altair%E3%83%81%E3%83%A3%E3%83%BC%E3%83%88%0A%20%20%20%20line_chart%20%3D%20alt.Chart(df_mortgage_scenarios).mark_line(size%3D3).encode(%0A%20%20%20%20%20%20%20%20x%3Dalt.X(%22Month%3AQ%22%2C%20title%3D%22%E7%B5%8C%E9%81%8E%E6%9C%88%E6%95%B0%22)%2C%0A%20%20%20%20%20%20%20%20y%3Dalt.Y(%22Balance%3AQ%22%2C%20title%3D%22%E3%83%AD%E3%83%BC%E3%83%B3%E6%AE%8B%E9%AB%98%20(%E5%86%86)%22)%2C%0A%20%20%20%20%20%20%20%20color%3Dalt.Color(%22%E3%83%97%E3%83%A9%E3%83%B3%3AN%22%2C%20legend%3Dalt.Legend(title%3D%22%E3%83%97%E3%83%A9%E3%83%B3%22%2C%20orient%3D%22bottom%22))%2C%0A%20%20%20%20%20%20%20%20tooltip%3D%5B%22%E3%83%97%E3%83%A9%E3%83%B3%22%2C%20%22Year%22%2C%20%22Month%22%2C%20%22Balance%22%5D%0A%20%20%20%20).properties(width%3D%22container%22%2C%20height%3D350%2C%20title%3D%22%E6%AE%8B%E9%AB%98%E6%8E%A8%E7%A7%BB%22)%0A%0A%20%20%20%20bar_chart%20%3D%20alt.Chart(df_summary).mark_bar().encode(%0A%20%20%20%20%20%20%20%20x%3Dalt.X(%22%E7%B7%8F%E6%94%AF%E6%89%95(%E4%B8%87)%3AQ%22%2C%20title%3D%22%E7%B7%8F%E6%94%AF%E6%89%95%E9%A1%8D%20(%E4%B8%87%E5%86%86)%22)%2C%0A%20%20%20%20%20%20%20%20y%3Dalt.Y(%22%E3%83%97%E3%83%A9%E3%83%B3%3AN%22%2C%20title%3DNone%2C%20sort%3D%22-x%22)%2C%0A%20%20%20%20%20%20%20%20color%3Dalt.Color(%22%E3%83%97%E3%83%A9%E3%83%B3%3AN%22%2C%20legend%3DNone)%2C%0A%20%20%20%20%20%20%20%20tooltip%3D%5B%22%E3%83%97%E3%83%A9%E3%83%B3%22%2C%20%22%E5%88%A9%E6%81%AF(%E4%B8%87)%22%2C%20%22%E7%B7%8F%E6%94%AF%E6%89%95(%E4%B8%87)%22%5D%0A%20%20%20%20).properties(width%3D%22container%22%2C%20height%3D150%2C%20title%3D%22%E7%B7%8F%E6%94%AF%E6%89%95%E3%82%B3%E3%82%B9%E3%83%88%E6%AF%94%E8%BC%83%22)%0A%0A%20%20%20%20charts_ui%20%3D%20mo.vstack(%5Bline_chart%2C%20bar_chart%5D)%0A%0A%20%20%20%20results_ui%20%3D%20mo.vstack(%5B%0A%20%20%20%20%20%20%20%20mo.md(%22%23%23%23%20%F0%9F%93%9D%202.%20%E8%BF%94%E6%B8%88%E3%82%B5%E3%83%9E%E3%83%AA%E3%83%BC%22)%2C%0A%20%20%20%20%20%20%20%20summary_table%2C%0A%20%20%20%20%20%20%20%20mo.md(%22---%22)%2C%0A%20%20%20%20%20%20%20%20mo.md(%22%23%23%23%20%F0%9F%93%88%203.%20%E3%82%B7%E3%83%9F%E3%83%A5%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E7%B5%90%E6%9E%9C%22)%2C%0A%20%20%20%20%20%20%20%20charts_ui%0A%20%20%20%20%5D)%0A%20%20%20%20return%20(results_ui%2C)%0A%0A%0A%40app.cell%0Adef%20_(results_ui)%3A%0A%20%20%20%20%23%20---%20%E6%8F%8F%E7%94%BB%E5%B1%A4%202%3A%20%E3%82%B5%E3%83%9E%E3%83%AA%E3%83%BC%E3%81%A8%E3%82%B0%E3%83%A9%E3%83%95%20---%0A%20%20%20%20results_ui%0A%20%20%20%20return%0A%0A%0Aif%20__name__%20%3D%3D%20%22__main__%22%3A%0A%20%20%20%20app.run()%0A