Build an Interactive Startup Simulator Dashboard That Visualizes Growth, Burn Rate, and Runway in Real Time
Marketing & Branding
Build a fully functional micro web app that simulates the lifecycle of a startup in real time.
This is not a static dashboard.
It is an interactive financial and growth simulator that responds to user input instantly.
The app must feel like a real SaaS analytics platform.
βΈ»
Core Concept
The user enters:
β’ Monthly Revenue
β’ Monthly Expenses
β’ Team Size
β’ Customer Growth Rate (%)
β’ Churn Rate (%)
β’ Starting Cash Balance
The dashboard then calculates and visualizes:
β’ Monthly revenue growth curve
β’ Burn rate
β’ Runway (months remaining)
β’ Customer growth projection
β’ Break-even timeline
β’ Profitability status indicator
All calculations must update instantly when sliders or inputs change.
βΈ»
UI Requirements
Dark mode only.
Premium SaaS aesthetic.
Clean grid layout.
Include:
β’ Large KPI cards at the top:
β’ Current MRR
β’ Burn Rate
β’ Runway (months)
β’ Net Profit/Loss
β’ Interactive line chart for revenue projection
β’ Visual runway countdown bar
β’ Subtle animations when values change
β’ βStartup Healthβ indicator (color-based: green, yellow, red)
The app must feel calm and analytical, not gamified.
βΈ»
Unique Twist
Add a βFounder Mood Indicatorβ that changes based on runway:
β’ 18 months = Calm
β’ 12β18 months = Focused
β’ 6β12 months = Concerned
β’ <6 months = Panic Mode
Display it subtly in the UI.
βΈ»
Technical Requirements
β’ Single HTML file
β’ Embedded CSS and JavaScript
β’ No external libraries
β’ Custom lightweight chart using Canvas
β’ Local state only (no backend)
β’ Responsive layout
All formulas must be realistic and explained in comments.
βΈ»
Output Requirements
Return:
1. Complete runnable code
2. Clear comments explaining financial logic
3. Small section explaining how runway is calculated
No placeholders.
No pseudo-code.
This is not a static dashboard.
It is an interactive financial and growth simulator that responds to user input instantly.
The app must feel like a real SaaS analytics platform.
βΈ»
Core Concept
The user enters:
β’ Monthly Revenue
β’ Monthly Expenses
β’ Team Size
β’ Customer Growth Rate (%)
β’ Churn Rate (%)
β’ Starting Cash Balance
The dashboard then calculates and visualizes:
β’ Monthly revenue growth curve
β’ Burn rate
β’ Runway (months remaining)
β’ Customer growth projection
β’ Break-even timeline
β’ Profitability status indicator
All calculations must update instantly when sliders or inputs change.
βΈ»
UI Requirements
Dark mode only.
Premium SaaS aesthetic.
Clean grid layout.
Include:
β’ Large KPI cards at the top:
β’ Current MRR
β’ Burn Rate
β’ Runway (months)
β’ Net Profit/Loss
β’ Interactive line chart for revenue projection
β’ Visual runway countdown bar
β’ Subtle animations when values change
β’ βStartup Healthβ indicator (color-based: green, yellow, red)
The app must feel calm and analytical, not gamified.
βΈ»
Unique Twist
Add a βFounder Mood Indicatorβ that changes based on runway:
β’ 18 months = Calm
β’ 12β18 months = Focused
β’ 6β12 months = Concerned
β’ <6 months = Panic Mode
Display it subtly in the UI.
βΈ»
Technical Requirements
β’ Single HTML file
β’ Embedded CSS and JavaScript
β’ No external libraries
β’ Custom lightweight chart using Canvas
β’ Local state only (no backend)
β’ Responsive layout
All formulas must be realistic and explained in comments.
βΈ»
Output Requirements
Return:
1. Complete runnable code
2. Clear comments explaining financial logic
3. Small section explaining how runway is calculated
No placeholders.
No pseudo-code.
Save Prompt