This interactive visualization provides a clear picture of a B2B SaaS company's performance in 2023, showcasing monthly revenue alongside new customer acquisition. By presenting anonymized metrics, it allows for effective communication of key business trends.
Line graph based on anonymized monthly revenue and new customer data
Table data
| Month | Revenue | New Customers |
|---|---|---|
| Jan | $120,000 | 15 |
| Feb | $125,000 | 18 |
| Mar | $135,000 | 22 |
| Apr | $132,000 | 20 |
| May | $140,000 | 25 |
| Jun | $138,000 | 23 |
| Jul | $142,000 | 21 |
| Aug | $139,000 | 19 |
| Sep | $150,000 | 28 |
| Oct | $160,000 | 32 |
| Nov | $165,000 | 30 |
| Dec | $158,000 | 26 |
Findings
Revenue grew 31.67% from $120,000 to $158,000 from January to December.
New customers increased 73.33% from 15 to 26 over the year.
Q4 outperformed, with October seeing 32 new customers (14% above the next highest month).
This code block demonstrates the use of Next.js, React, Tailwind CSS, Recharts, and shadcn/ui to create the interactive data visualization above.
This scatter plot visualization illustrates the relationship between years of professional experience and weekly platform usage hours for B2B and B2C customers. By presenting anonymized data points, it offers insights into usage patterns across different customer segments and experience levels.
Simulated data showing weekly platform usage hours vs. years of professional experience for B2B and B2C customers
This code block demonstrates the use of Next.js, React, Tailwind CSS, and Recharts to create the interactive data visualization above.
This visualization provides an hourly breakdown of reported disruptions over a 24-hour period. By presenting this data, it allows for quick identification of critical timeframes and the scale of the incident's impact.
Hourly breakdown of reported disruptions, with significant spike occurring 4-8 PM
This code block demonstrates the use of Next.js, React, Tailwind CSS, and Recharts to create the interactive data visualization above.