How do I make a chord diagram online?

Add your relationships as source, target, and value rows in the editor, pick a palette and background, and the chord diagram updates live. Then click Download to save it as a PNG or SVG. There's no signup and no watermark.

Is this the guitar chord kind or the data one?

This is the data-visualization chord diagram: entities on a circle connected by ribbons, sized by relationship strength. It is not a guitar chord chart. If you searched for relationship, flow, or connection diagrams, you're in the right place.

Can I download the chord diagram as PNG or SVG?

Yes, both are free with no watermark. SVG gives you a crisp vector file you can scale to any size or edit later; PNG is a high-resolution raster ready to drop into a slide, document, or social post.

Can I generate chord diagrams automatically via an API?

Yes. Save your chart as an Imejis template, mark the chord component dynamic, and POST fresh relationships to one endpoint to render the same diagram with new data on every call. It's the only chord tool with a matching image API.

Is the chord diagram maker free?

Yes, it's completely free in the browser with no signup and no watermark, and you can download unlimited PNG and SVG files. The matching image API has a permanent free tier of 100 calls per month.

Free Chord Diagram Maker

Build a chord diagram from your relationships, style the arcs and ribbons, and download a crisp PNG or SVG. No signup, no watermark. This is the data-visualization kind, not guitar chords.

Relationships

Source	Target	Value

Palette

Background

Ribbon opacity: 0.60

Show group totals

What is a chord diagram?

A chord diagram arranges a set of groups around a circle and draws ribbons between them, with each ribbon sized to the strength of that relationship. It is one of the clearest ways to show many-to-many connections, such as migration between regions or collaboration between teams, because you can compare the thickest flows at a glance. It is a data-visualization chart, not a guitar chord chart.

How to make a chord diagram

1Add your relationships. Enter each connection as a source, target, and value in the table. The value sets how thick that ribbon is, so bigger relationships stand out.
2Pick a style. Choose a color palette, a light or dark background, and adjust the ribbon opacity until the diagram reads the way you want.
3Check the live preview. The chord diagram redraws instantly as you edit, so you always see exactly what you will download.
4Download PNG or SVG. Click download for a high-resolution PNG or a crisp, scalable SVG. No watermark and no signup.
5Automate with the API (optional). Save it as an Imejis template and generate the same diagram from live data on every API call.

What is a chord diagram used for?

Migration or trade flows between regions and countries
How often teams or departments collaborate
Referral and navigation paths between pages
Tags, topics, or products that co-occur
Any many-to-many relationship you want to compare at a glance

How this chord diagram maker compares

Feature	This tool	Chart-image APIs	Design makers
No-code visual editor	Yes	No, write JSON/URL config	Yes
Chord + 23 other chart types	Yes	Limited / plugins	Some types only
PNG and SVG export	Yes, free	Varies, often watermarked free	Often account-gated
No signup, no watermark	Yes	API key required	Account required
Matching image API	Yes	API only, no editor	No

Bottom line: config-driven chart APIs make you hand-write JSON and live with dated defaults, and design makers gate exports behind an account. This tool gives you a live editor, beautiful output, free PNG and SVG, and the same chart on tap via API.

Generate chord diagrams automatically via API

Save your design as a template, mark the chord component dynamic, and render the same diagram with fresh data on every API call. It is the only chord tool with a matching image API.

See the chord component and API