Chord diagram generator
Skip to the chart
Chord diagram
Show complex inter-relationships and bidirectional flows between entities in a circular layout. Create a private, publication-ready chord diagram directly in your browser without transmitting sensitive rows off-device. Data is processed locally on your hardware with zero server uploads, enabling instant export to SVG, PNG, and Excel data.
Edit the data, then export.
Everything runs in your browser. Your data is not uploaded.
Data
Paste tab-separated data from Excel or edit the cells directly.
Paste or import table data
Paste a header row, or choose a local CSV/TSV file. Files are read in this browser and capped at 500 rows.
Appearance
Preview
Sample preview of the example data. The live chart takes over as soon as you start working.
SVG, PNG, and Excel exports are generated locally in this browser. PowerPoint export is temporarily unavailable while its dependency path is reviewed for a high-severity image parser advisory.
Multi-Variable Correlation & Flow Mechanics
A chord diagram visualizes inter-relationships and bidirectional flows between entities by arranging them along the perimeter of a circle. Curved bands, or “chords,” connect these segments, with the width of each band at its base proportional to the volume of flow or strength of the relationship originating from that segment. This layout excels at revealing asymmetrical exchanges and dominant hubs within a complex network. All data rendering and processing is performed entirely locally on your machine, ensuring your sensitive relationship data never leaves your device.
Coordinate & Matrix Data Structure
Format input columns for chord diagram with explicit headers and numerical measurements. Verify that rows represent discrete categories or observations without unformatted symbol artifacts.
Sample Observation Matrix
| Source | Target | Volume |
Correlation Traps & Analytical Guidelines
- Ensure sufficient visual distinction for chord diagram marks across standard and high-contrast viewports.
- Align text labels horizontally whenever possible to improve cognitive readability for chord diagram elements.
- Double-check scale boundaries and zero-anchors before exporting chord diagram presentation artwork.
- Data shape
- Source, target, and numeric flow columns
- Exports
- SVG, PNG, and Excel data; PowerPoint export is temporarily unavailable pending dependency review.
How it works
You edit a table in this page. The renderer draws an SVG from those rows in your browser, then you can download SVG, PNG, or Excel data. The table is not uploaded to any external processing server.
Frequently asked questions
How do you determine flow direction in a chord diagram?
The ribbon ends differ in width: the wider base represents the source origin, while the narrower end represents the destination recipient.
Related tools
Reviewed 16 August 2026.