Live previewBrowser workflowExport SVG
HAR File to Sequence Diagram
HAR File to Sequence Diagram: Turn browser Network HAR exports into request sequence diagrams for debugging and documentation.
Examples
PreviewReady
The rendered diagram will appear here.
How to use
- 1Examples: choose an example or paste your own HAR JSON.
- 2Review the rendered relationships, field names, resource references, or request order.
- 3Export the SVG/PNG or keep the source with your documentation.
Common use cases
API documentation and debuggingArchitecture and platform docsAI-generated draft review before publishing
Related tools
FAQ
Can I use generated or production-like source?
Yes, but remove secrets, tokens, private hostnames, and customer data before pasting any source.
Use this tool to turn existing developer source into a visual explanation that is easier to review in docs, tickets, and architecture notes.
Start with a small sample, verify the relationships, then paste the larger source once the workflow is clear.
Keep the source next to exported SVG or PNG files so diagrams remain reviewable and editable.