def create_investment_plot_option(initial_amount, monthly_savings, years, annual_rate, compounding_frequency): """ Create an interactive plot showing investment growth over time """ time_points, balances, contributions, interests = calculate_compound_interest( initial_amount, monthly_savings, years, annual_rate, compounding_frequency ) xls = time_points.tolist() contributions_name = 'Contributions' interests_name = 'Interests' contributions_color = 'rgb(100, 140, 200)' interests_color = 'rgb(180, 151, 111)' option = { 'title': [ { 'text': 'Final Capital', 'subtext': f'{f"{balances[-1]:,.0f}".replace(",", " ")} €', 'left': '50px', 'top': '5%', 'textStyle': { 'color': '#fff', 'fontSize': 14, }, 'subtextStyle': { 'color': '#fff', 'fontSize': 24, 'fontWeight': 'bold' } }, { 'text': contributions_name, 'subtext': f"{contributions[-1]:,.0f} €".replace(",", " "), 'left': '200px', 'top': '5%', 'textStyle': { 'color': contributions_color, 'fontSize': 14, }, 'subtextStyle': { 'color': contributions_color, 'fontSize': 24, 'fontWeight': 'bold' } }, { 'text': interests_name, 'subtext': f"{interests[-1]:,.0f} €".replace(",", " "), 'left': '350px', 'top': '5%', 'textStyle': { 'color': interests_color, 'fontSize': 14, }, 'subtextStyle': { 'color': interests_color, 'fontSize': 24, 'fontWeight': 'bold' } }, ], 'legend': { 'data': [contributions_name, interests_name], 'orient': 'vertical', 'right': '50px', 'top': '50px', 'textStyle': { 'color': '#fff', 'fontSize': 14 } }, 'tooltip': { 'trigger': 'axis', 'axisPointer': { 'type': 'line', 'label': { 'backgroundColor': '#1a1a1a' } }, 'formatter': f'''

Year {{b}} {{c0}} €

{contributions_name} {{c2}} €

Contributions {{c1}} €

''', 'backgroundColor': 'rgba(26, 26, 26, 0.9)', 'borderColor': '#333', 'padding': [10, 15], 'textStyle': { 'color': '#fff', 'fontSize': 14 }, }, 'grid': { 'left': '3%', 'right': '5%', 'bottom': '5%', 'top': '25%', 'containLabel': True }, 'xAxis': { 'type': 'category', 'name': 'Years', 'boundaryGap' : False, 'axisLabel': { 'color': '#fff', 'fontSize': 12 }, 'nameTextStyle': { 'align': 'center', 'padding': [-20, 0, 0, 20], }, 'axisLine': { 'lineStyle': { 'color': '#fff', 'width': 1 } }, 'data': xls }, 'yAxis': { 'type': 'value', 'axisLabel': { 'color': '#fff', 'fontSize': 12, 'formatter': '{value} €' }, 'splitLine': { 'show': True, 'lineStyle': { 'color': 'rgba(255, 255, 255, 0.1)', 'type': 'dashed' } }, 'axisLine': { 'lineStyle': { 'color': '#fff', 'width': 1 } } }, 'series': [ { 'name': 'Total', 'type': 'line', 'data': [round(c + i) for c, i in zip(contributions, interests)], 'symbol': 'none', 'lineStyle': {'width': 0}, 'areaStyle': {'opacity': 0}, }, { 'name': contributions_name, 'type': 'line', 'stack': 'Total', 'areaStyle': { 'opacity': 0.7, 'color': contributions_color }, 'symbol': 'circle', 'symbolSize': 8, 'showSymbol': False, 'emphasis': { 'focus': 'series', 'scale': 1.5, 'blurScope': 'coordinateSystem' }, 'data': [round(c) for c in contributions], 'itemStyle': { 'color': contributions_color }, 'smooth': 0.3 }, { 'name': interests_name, 'type': 'line', 'stack': 'Total', 'areaStyle': { 'opacity': 0.7, 'color': interests_color }, 'symbol': 'circle', 'symbolSize': 8, 'showSymbol': False, 'emphasis': { 'focus': 'series', 'scale': 1.5, 'blurScope': 'coordinateSystem' }, 'data': [round(i) for i in interests], 'itemStyle': { 'color': interests_color }, 'smooth': 0.3 } ], 'backgroundColor': '#1a1a1a', 'textStyle': { 'color': '#fff' } } return option

Running ...

Compound Interest Calculator¶