Export Code

SaaS Revenue Simulator

Curran Kelleher

Last edited Apr 03, 2025
Created on Apr 03, 2025
Forked from HTML Starter

SaaS Revenue Simulator

A compact React and D3.js application that simulates SaaS business revenue based on adjustable parameters:

  • New customers per month
  • Monthly churn rate
  • Price per customer

How the Calculation Works

The simulation uses a month-by-month growth model that accounts for:

  1. Customer Acquisition: A fixed number of new customers join each month
  2. Customer Churn: A percentage of existing customers leave each month
  3. Revenue Calculation: Total customers multiplied by price per customer

For each month, the calculation follows this formula:

Total Customers(month n) = Total Customers(month n-1) + New Customers - (Churn Rate × Total Customers(month n-1))

Monthly Revenue = Total Customers × Price per Customer

Features

  • Interactive sliders to adjust business parameters
  • Real-time visualization updates
  • 36-month revenue projection
  • Responsive D3.js chart with monthly markers

Technologies Used

  • React 18 for UI components and state management
  • D3.js (v6.7.0) for data visualization
  • Tailwind CSS for styling
MIT Licensed