CSE498, Collaborative Design, Fall 2026
Computer Science and Engineering
Michigan State University

Stripe is a technology company that delivers software-driven financial services to over 5 million businesses worldwide. Stripe’s payment processing tools make it easier and cheaper for any business to start and scale.

Businesses that use Stripe often rely on their transaction data to identify financial trends and track performance. However, raw payment records can be difficult to interpret on their own. While an established corporation may have the resources and experience to digest this financial data, independent entrepreneurs often do not.

The Stripe Payments Analytics Dashboard presents easy-to-read visualizations of transaction data across five interactive web pages, providing businesses at any level of financial expertise with a clear view of their business’s performance.

The live-revenue page provides a business with an overall view of performance, displaying metrics like gross revenue and transaction success rate as they update in real time.

The geographic map page displays country-specific data and statistics through a table and color-coded map, showing country-level revenue performance at a glance.

The payment outcomes page offers a comparison-focused view of country transaction data, prompting a business to select two regions and compare their statistics side by side.

The customers page delivers a detailed view of customer information and statistics through an interactive table with filtering and searching capability.

The transactions page similarly offers a searchable and filterable table for investigating specific transactions.

The web application’s back end is written in Python with Flask and the front end is written in JavaScript with React. The transaction data is stored in a SQLite database, while Redis caches running totals for the live-revenue page.