## About this example

Online payment systems are complex, integrating various services and protocols. This example provides:

- **Secure transaction flow**: Outlines the secure HTTPS connections between the user and services.
- **Data management**: Shows how data moves from front-end to analytics.
- **Service interaction**: Highlights the interaction between the web app and APIs.
- **Layered data storage**: Distinguishes between different data center security levels.

## When to use

- **Designing payment systems**: To ensure secure and efficient data flow for new online payment solutions.
- **Security assessment**: For evaluating and enhancing existing payment system security.
- **Onboarding developers**: To help new team members understand your payment system’s architecture.

## How to use

1. **Start editing**: Duplicate the example file and double-click on the diagram to begin editing.
2. **Customize diagram**: Add or modify nodes, groups, and relationships using Eraser’s simple diagram-as-code syntax, incorporating icons to aid visual comprehension.
3. **Customize layout**: Adjust the layout by dragging elements on the canvas to optimize the diagram’s clarity and flow.
4. **Collect feedback**: Share the diagram with team members, inviting them to comment and contribute to the refinement of the model.