Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SaaS Revenue Simulator

Public visualization

Viewing a saved revision (read-only)

cbfacb388a4d4a57b9d0490bad7e5a89

SaaS Revenue Simulator

0 stars0🌍 Public
CCurran Kelleher
Last edited Apr 3, 2025
Created on Apr 3, 2025
Forked from HTML Starter

This interactive simulator visualizes projected monthly revenue for a SaaS business over 36 months. It shows how changes to current customers, monthly new customers, churn rate, and subscription price affect the revenue curve. Users adjust parameters via sliders, triggering immediate recalculation and chart updates. The projection is computed using a month-by-month growth model, rendered as an SVG line chart with D3.js, while React manages the interactive UI controls and state.

AI-generated description

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

Getting Started

  1. Clone the repository
  2. Run npm install to install dependencies
  3. Run npm run dev to start the development server
  4. Run npm run build to create a production build

Technologies Used

  • React
  • D3.js
  • Tailwind CSS
  • Rollup (for bundling)
MIT Licensed