Life in Numbers

Inspiration Life in Numbers was inspired by the gap between financial theory and real life decision making. Many young people adjust spending, savings, and debt without understanding the long term consequences. Traditional calculators give static results, but they do not show how financial stress builds over time. We wanted to create a system where users can see and feel how today’s choices reshape their future.

What it does Life in Numbers is an interactive financial simulator that models how income, savings rate, debt, lifestyle spending, returns, and inflation influence net worth over time. Users adjust inputs and instantly see projections across multiple time horizons. The engine simulates compound investment growth, debt interest, and repayment while continuously calculating net worth as savings minus remaining debt. A Financial Stress Score evaluates risk based on debt to income ratio, savings behavior, and inflation pressure, providing real time behavioral feedback.

How we built it The platform was built using HTML for structure, modern CSS for immersive design, and vanilla JavaScript for all financial logic and animations. The financial engine runs entirely on the client side and generates yearly projection data dynamically. The Canvas API powers interactive charts and a live stress gauge. To synchronize the dashboard and projection pages without a backend, we implemented localStorage to persist user inputs. The application is deployed through GitHub Pages and operates fully in the browser.

Challenges we ran into Maintaining state across multiple pages without a server was a major challenge. We solved this using browser storage while ensuring consistency in projections. Balancing financial realism with usability required simplifying complex financial behavior without losing accuracy. Performance optimization was also critical because charts, KPIs, and stress indicators update simultaneously. Designing a stress model that felt intuitive yet mathematically grounded required multiple iterations.

Accomplishments that we're proud of We built a fully functional financial simulator without external frameworks or backend infrastructure. The application delivers smooth real time projections, animated data visualization, and responsive feedback entirely on the client side. The Financial Stress Score system successfully translates abstract financial ratios into an intuitive stability indicator. Seamless synchronization between dashboard and projection pages demonstrates strong state management and architectural planning.

What we learned We learned that small changes in savings rate or return assumptions significantly alter long term outcomes due to compounding. Inflation can quietly erode wealth when returns fail to exceed it. From a technical perspective, we gained experience in client side state management, animation optimization, and behavioral feedback design. Clear visualization proved essential in improving financial understanding.

What's next for Life in Numbers Next, we plan to introduce scenario comparison tools, inflation adjusted purchasing power projections, and probabilistic simulations to model uncertainty. Future development may include goal based planning modules, exportable financial reports, and an intelligent assistant to guide decision making. Our long term vision is to evolve Life in Numbers into a behavioral financial intelligence platform that empowers young adults to make informed and confident financial choices.

Built With

• canvas-api
• css
• html
• javascript