Relationship Chart Maker
A character relationship chart maker for your OCs — an OC chart of who loves, trusts, and challenges whom.
Your story starts here.
Add your first character, or choose a starting point.
Select a character or connection to edit.
How the arrows work
Each arrow is one direction: it shows how one character sees another. The opposite direction is a second relationship with its own label. A one-way relationship is that single arrow. A two-way relationship is two arrows between the same people, and the labels can match or differ.
For every step from a blank canvas to a finished PNG, read how to make a character relationship chart.
What is a relationship chart
A relationship chart is a small cast drawn as cards. Each arrow points one way and carries one label, such as Trust, Crush, or Rival. You drag the cards into place, and RelationCanvas stores the chart in this browser.
Character relationship chart maker for OCs, novels and TTRPGs
Use it for an original character, a novel cast, or a TTRPG party. Place one OC among the people around them, or lay the cast out in groups. Label how each person sees the others. Open a template when you want a cast already drawn, or start from a blank chart.
Original templates
Five original templates are part of the chart: My OC × the Cast, Ships & Love Triangle, Story Cast / Factions, Character Relationship Map, and Relationship Web.
My OC × the Cast
Your original character sits in the center. The cast stands around them, with a label in each direction.
oc relationship chartShips & Love Triangle
Three original people, and a different label for each direction of a ship.
ship chartStory Cast / Factions
Two original groups, and the people who stand between them.
character relationship chartCharacter Relationship Map
Three original groups, and arrows that cross from one group to another.
character relationship mapRelationship Web
One person in the middle, with the rest of the cast tied to them and to each other.
relationship web
Questions
- Is it free?
- Yes. RelationCanvas is free to use. There is no account and no payment step.
- Do I need to sign up?
- No. There is no sign-up. The chart is stored only in this browser.
- Is there a watermark?
- No. PNG and SVG exports have no watermark, and you don't need an account.
- Can I export my chart as SVG?
- Yes. Open Export and choose Download SVG. You get a vector file you can scale for print or edit in Figma, Inkscape or Illustrator, with no watermark.
- Where is my chart saved?
- The chart is saved in this browser. Clearing site data in the browser removes it. Download a project file if you want a copy you can import later.
- Can I use it on my phone?
- You can view the chart on a phone. Adding a character and a relationship uses the same controls as on a desktop. Dragging a character uses a pointer press.
- How do I show a one-way relationship?
- To show a one-way relationship, select the character the arrow starts from, click Connect, then click or choose the character it points to. Choose a relationship label, then click Add connection. The arrow shows how the first sees the second. Add the reverse with Add [name]'s side, using that character's name; it is a separate relationship with its own label. The From and To menus in the Connect panel also work.