A practical MRR chart guide
Build a revenue chart that fits your story.
Create a fictional revenue or subscriber chart for a product demo, design concept, tutorial, or presentation. Edit the data and let the card update itself.
Choose a metric and currency
The Fake MRR Generator creates a dashboard-style metric card with a headline value, a purple line chart, an optional previous-period comparison, and footer labels. Start in Settings to choose MRR, ARR, Revenue, Net revenue, Gross volume, or Active subscribers.
MRR means monthly recurring revenue, and ARR means annual recurring revenue. These are labels for the numbers you provide: switching from MRR to ARR does not multiply the data by 12 or calculate subscription revenue. Enter the values appropriate to your chosen metric.
Choose from EUR, USD, GBP, CAD, AUD, JPY, INR, CNY, CHF, or BRL. Changing the currency changes formatting, not exchange rates. Monetary headlines use two decimal places. Active subscribers uses rounded whole numbers without a currency symbol.
The Updated … seconds ago field is an editable screenshot label. It does not count down or connect to live analytics.
Edit your data points
Open Data to edit each row's date, current value, and previous value. Add up to 60 data points, or remove rows while keeping at least two. Amounts range from zero to 1 billion, with up to two decimal places for money.
The chart plots dates in chronological order and spaces points according to the time between them. Sort by date also rearranges the editor rows. Every date must be unique and fall between 1970 and 2100. Missing or duplicate dates show a validation message; fix them before exporting.
The large headline uses the current value on the latest date, rather than a sum of all the rows. The first and last dates appear below the graph, and the vertical axis automatically scales to fit the visible series. Small values keep distinct axis labels; larger values use compact labels such as €10K.
The starting example reproduces a descending curve that finishes at €387.00, with €680.00 in the previous period. Every point is editable, so you can build growth, decline, flat, or irregular patterns.
Compare two periods
Enable Compare to previous period to show the gray dashed line, previous-period amount, and percentage change. Previous values are aligned with the current rows as corresponding positions in the earlier period; the tool does not infer a billing interval from those dates.
The comparison uses the final row after date sorting:
Change = (current − previous) ÷ previous × 100
For the default values, (387 − 680) ÷ 680 gives −43.09%. Increases appear green, decreases red, and unchanged values use a neutral color. If the previous value is zero and the current value is positive, the card displays New because a percentage would be undefined. Two zero values display 0.00%.
Turn comparison off to hide all three comparison elements. The previous values remain saved, so turning it back on restores them. Hidden previous values do not affect the axis scale.
Style your metric card
Open Appearance to choose Light or Dark. The card keeps the purple current-period curve and a contrasting dashed comparison line in both themes. Smooth curves uses shape-preserving interpolation; turn it off for straight segments between data points.
You can independently hide the share icon, updated label, and More details text. The More details label accepts your own short wording. These are visual elements in the screenshot and do not connect to an external dashboard.
The preview and PNG use Inter. The controls use the site's normal interface styling. On a desktop, the preview stays beside the data editor as you scroll; neither panel has its own internal scrollbar.
Download your chart
Choose Download PNG to open a panel with settings on the left and the finished card on the right. The card is 560 × 556 logical pixels:
| Resolution | PNG dimensions |
|---|---|
| Standard · 2× | 1,120 × 1,112 |
| High · 3× | 1,680 × 1,668 |
| Ultra · 4× | 2,240 × 2,224 |
Exports include the metric, headline, graph, visible comparison, and enabled footer details. The website controls and gray preview background are excluded. The card has rounded corners with transparent pixels outside them, and no watermark.
Copy image copies a PNG at the selected resolution when your browser supports image clipboard access. Download the PNG if copying is unavailable. The result is a static image, not a spreadsheet, interactive dashboard, or financial record.
Save and restore a draft
Auto-save keeps the data points, metric, currency, theme, and display settings in this browser. Save draft saves manually. Turning off Auto-save stops automatic writes without deleting an existing draft. Clear this website's browser storage to remove saved content; drafts do not sync across devices.
Reset restores the default example. Undo reset brings back the previous chart during your current visit. If browser storage is full or blocked, the editor reports that the chart remains in memory. You can still export it before leaving the page.
All chart calculations and image generation happen in your browser. See the privacy policy for hosting and analytics details.
Common questions
Is the Fake MRR Generator free?
Yes. You can edit the chart and download a high-resolution PNG without signing up.
Can I use this for revenue or subscriber charts?
Yes. Choose a metric in Settings and enter the corresponding values. Subscriber charts display whole-number counts instead of money.
Does it connect to Stripe or my payment provider?
No. This is an independent mockup tool using manually entered numbers. It does not connect to payment accounts, import transactions, verify revenue, or represent an official provider dashboard.
Why does my latest value differ from the last row I edited?
The headline uses the value with the latest date, regardless of row order. Choose Sort by date to put the editor rows in the same order as the graph.
Can I use the chart in a demo?
Yes. It works for fictional examples, storyboards, educational material, and interface designs. Clearly identify fictional figures when context could imply real business performance. See our responsible use policy.
For other visual mockups, try the GitHub Contribution Chart Generator, LinkedIn Post Generator, or Tweet Generator.