Connect characters with lines.

RelationshipChart Maker

Visualize every relationship on one page.

For families, dramas, novels, manga, TTRPG campaigns, and teams. Open it in your browser and start right away.

Built for people who do not want to fight with image editors just to place people, lines, and relationship labels neatly.

No sign-up, no install, ready in your browser 2,000+ charts created this month
Image export Social sharing Edit later
Want to create from text? AI Beta Try Diagram AI from a plot summary or character notes
Relationship chart editor with person cards, relationship lines, and editable labels

Free to start

10+ people, watermark-free export, PDF export, and AI diagrams are available with Premium.

View Premium

Designed around the parts that slow people down

What usually makes relationship charts tedious?

Creating a chart is not just about placing people. Time disappears into redrawing lines, fixing layout, and turning the result into something you can share. This tool keeps that work inside the browser.

01 Lines drift when you move people

Move people around while keeping relationship lines and labels easy to adjust.

02 Large casts get hard to read

Use colors and auto-arrange to keep main characters, allies, rivals, and factions clear.

03 Phone editing feels cramped

Add people, move cards, and edit relationship lines with touch-friendly controls.

04 Exporting becomes another task

Save the finished chart as an image instead of relying on screenshots.

With this tool You can make a readable relationship chart without opening design software

Features of the Relationship Chart Maker

See the workflow in the real editor

English editor screen showing person cards, relationship lines, labels, and an export button
The actual editor: place people, label relationships, then save the finished chart.
1

Add people

Create a card with a name and color. Add an image if you want a more visual chart.

2

Connect relationships

Add labels such as friend, rival, mentor, crush, parent, or any wording that fits your story.

3

Export and share

Save the whole chart as an image or keep editing it later in the same browser.

Drag and drop editing Easy start

Drag-and-drop editing

Create a relationship chart visually. No design tool or technical setup required.

Color palette customization Colors and images

Flexible customization

Use colors, names, labels, and uploaded images to match your cast or project.

Auto-save Resume later

Auto-save

Your work is saved in your browser, so you can close the tab and come back later.

Social sharing Share-ready

Social sharing

Export the chart as an image and share it in posts, chats, notes, or documents.

PDF export PDF output

PDF export

Premium adds PDF export for presentations, documentation, and printing workflows.

Free to start Standard export free

Free to start

Core editing and standard image export are free. Upgrade only when you need Premium tools.

Start creating for free Create, save, and share in your browser

Recommended for

Use it whenever relationships get complex

Turn complicated people, roles, and factions into a chart you can scan.

See templates →
All Stories TTRPG Family Business
Entertainment

Drama and movie casts

Understand complicated alliances, rivalries, and romances at a glance.

Writing

Novels, comics, and OCs

Map character dynamics before plot details become hard to track.

Teams

Project stakeholders

Clarify roles, dependencies, and decision-makers in one shared view.

Family

Family trees

Organize relatives, generations, and important connections clearly.

TTRPG

Campaign relationship maps

Track player characters, NPCs, factions, and shifting alliances.

Business

Account and partner maps

Visualize clients, partners, and stakeholders before a meeting.

Create a relationship chart in four steps

No sign-up, browser-based, image export included

1

Add people

Enter names, pick colors, and add images when you want a visual cast list.

2

Connect relationships

Choose two people and add a label such as friend, rival, parent, or mentor.

3

Arrange the layout

Drag cards freely, or use auto-arrange when you want a quick readable layout.

4

Save and share

Export as an image and share the chart with readers, players, teammates, or family.

Start from a relationship chart template

Choose a structure that matches your goal, then edit names, colors, labels, and layout in the browser.

The Character Relationship Chart Tool for Creators

Organize your novel's cast, map out manga character dynamics, or chart TRPG NPC connections. A free tool built for storytellers. Whether you're outlining a complex plot or mapping your favorite fandom, this tool helps you visualize every alliance, rivalry, and secret bond in one clear diagram.

Built for creators like you

  • Your novel has a growing cast and you need to track who knows who
  • You're building character sheets for manga or illustration projects
  • You want to map NPC relationships for your TRPG campaign
  • You're making fan charts of your favorite series

Why creators love it

  1. No signup, instant start — Open your browser and go. No downloads, no accounts. Start building the moment inspiration strikes.
  2. Drag-and-drop layout — Place characters anywhere you want. Auto-arrange available too, so you never have to fuss with positioning.
  3. Export clean images — PNG output for sharing on social media, portfolios, or embedding in your stories.

3 steps to your chart

  1. Add characters — Set a name and color. Upload artwork or photos as avatars.
  2. Draw relationship lines — Label them: "childhood friends," "rivals," "unrequited crush," etc.
  3. Arrange, export, and share — Drag to position, then save as PNG or share directly to social media.

What is a relationship chart?

A relationship chart (also called a relationship diagram, character map, or character chart) is a visual that shows how multiple people, characters, or groups are connected to each other. Each person is drawn as a node, and the lines between them represent relationships such as friendship, family, romance, rivalry, or workplace hierarchy. Optional labels and arrows describe the nature and direction of each relationship.

What makes relationship charts so powerful is that they let you take in dozens of connections at a single glance. The same information explained in paragraphs would take pages of text and would still be hard to follow. With a chart, the entire structure of a story, a family, or a team becomes visible at once — making it obvious who the central figures are, where the conflicts sit, and which characters bridge different groups.

Beyond visualization, building a relationship chart is a thinking tool. The act of laying out characters forces you to surface assumptions, spot missing links, and notice imbalances. Writers often build a chart during the outlining stage of a novel for exactly this reason: contradictions in the plot become visible long before they reach the page.

How to create a relationship chart in 5 minutes

You don't need any design or technical skills to use this tool. The whole workflow is just four steps, and most charts can be finished in under five minutes. Below is a slightly more detailed walkthrough so you know exactly what to expect on your first try.

  1. Add your characters — Click "Add Person", type a name, pick a color, and (optionally) upload an image. Using consistent colors — for example, red for protagonists, blue for antagonists, gray for neutral characters — makes your chart instantly readable later. Image avatars are great for fan art, OC charts, or anything visually heavy.
  2. Connect them with relationships — Select two people and label the line between them with words like friend, rival, parent, crush, or colleague. One-sided feelings (like an unrequited crush) can use a single arrow, while mutual relationships (like marriage or best friends) use a two-way line. Keep labels short — three or four words is usually plenty.
  3. Arrange the layout — Drag people around to position them in a way that tells the story at a glance. A common pattern is to put the protagonist in the center and arrange supporting characters around them by faction or family. If you don't want to position things by hand, the "Auto Arrange" button will lay everything out for you in one click.
  4. Save and share — Export the finished chart as a PNG image, share it directly to X (Twitter), LINE, or Facebook, or copy a shareable URL. Your work is automatically saved to your browser, so you can close the tab and come back later without losing anything.

What people use this relationship chart maker for

Relationship charts often get pigeonholed as "just for anime fans" or "just for novelists", but the actual use cases are much broader. Below are four of the most common ways people use this free relationship chart maker, with concrete examples for each one.

1. Tracking characters in dramas, movies, and TV shows

Long-running shows with sprawling casts — think prestige dramas, Korean series, fantasy epics, anime — can be exhausting to follow when you take a break and come back weeks later. Building a quick relationship chart of who's allied with whom, who's in love with whom, and who is secretly working against whom lets you re-enter the story without scrubbing through episodes. Many viewers also use these charts as a jumping-off point for fan blogs, recaps, and review videos.

2. Planning novels, comics, and original stories

For writers, a relationship chart sits right next to the character bible as an essential planning tool. Because relationships shift over the course of a story, many writers actually build three charts — one for the beginning, middle, and end — so they can verify that every shift in alliance, betrayal, or romance is properly set up. This is invaluable for catching plot holes before you commit them to a draft. The same workflow applies to webcomics, screenplays, fanfiction, TTRPG (D&D) campaigns, and original character (OC) lineups.

3. Mapping teams, projects, and stakeholders at work

When you join a new team or step into a new project, the hardest part isn't the work — it's figuring out who matters, who reports to whom, and who actually has decision-making power. A relationship chart can capture an org structure, a cross-functional project team, or a network of clients and partners in a single image that's far more useful than a static slide. Consultants, account managers, recruiters, and product managers all use this kind of chart to onboard themselves quickly and to brief teammates.

4. Studying history, mythology, and the social sciences

History students wrestling with "who married whom in the Tudor dynasty" or "how did Caesar, Pompey, and Crassus actually relate" find it much easier to remember those relationships when they draw them out instead of memorizing them from a textbook. The same applies to mythology, literature courses, social science research, and even genealogy projects where you want to map your own family tree across several generations.

OC relationship charts and fandom use

One of the most common reasons people search for a free relationship chart maker is to organize their original characters (OCs) or to map out the connections between characters in their favorite fandom. This tool is specifically designed to make those use cases easy.

  • OC character lineups — Group your original characters by world, faction, or storyline, then connect them with relationships like family, partners, mentors, or enemies.
  • Ship charts and CP maps — Visualize romantic pairings, rivalries, and "love triangles" in a way that's easy to share on social media or in your fandom server.
  • Fanfiction planning — Build a chart of canon characters plus any OCs you're introducing, so readers can follow along without getting lost.
  • TTRPG party trees — Map your D&D party, the NPCs they care about, and the factions they're tangled up with.
  • VTuber and creator collab webs — Track which streamers or creators have collaborated with whom, perfect for fan-run wikis and explainer threads.

Build relationship charts on your phone — no app required

This relationship chart maker works fully on smartphones and tablets. Open Safari, Chrome, Edge, or Firefox, navigate to the page, and you can start building immediately — no app store, no install, no account. Every interaction (adding people, drawing lines, editing labels, dragging things around) is optimized for touch, so the tool feels just as natural with a finger as it does with a mouse.

This makes it perfect for capturing ideas on the go: jot down a quick character map on the train, sketch out a project's stakeholder web during a meeting, or brainstorm a fanfiction lineup from bed. Your work auto-saves to the browser, so you can pick up later on your laptop and continue exactly where you left off. iPads and Android tablets work great too — many users prefer them for longer charts because the bigger screen makes complex layouts easier to read.

FAQ

Is the Relationship Chart Maker free?

Yes — the core editor is free to use with no sign-up required. You can add people, connect them, and export a standard image for free. Premium export features are available during an active monthly subscription.

Where is data stored?

Everything you create is stored locally in your browser's storage on your own device. Nothing is uploaded to our servers, which means even sensitive information — unpublished story ideas, internal org charts, fandom drafts you're not ready to share — stays completely private. The trade-off is that clearing your browser cache will erase your work, so for anything important we recommend saving the chart as an image.

How do I delete a diagram?

Each person and each relationship has its own delete button, so you can remove items individually. If you want to wipe the whole chart and start over, use "Reset All Data" in the side panel. Deleted items can't normally be recovered, but if you delete something by accident you can press Ctrl+Z (or ⌘+Z on Mac) to undo the last few actions.

Does it work on smartphones?

Yes — the entire interface is fully responsive and optimized for touch input. You can add people, draw relationship lines, edit labels, and rearrange layouts using just your finger on iPhone, Android, iPad, or any tablet. There is no separate mobile app to install: just open Safari, Chrome, Edge, or Firefox and the tool works immediately.

How many people can I add?

There is no hard technical limit — you can technically add hundreds of characters to a single chart. In practice, however, charts with 10 to 20 people tend to be the most readable. Beyond that, lines start to overlap and the big picture becomes harder to follow. For very large casts (long novels, fandoms with dozens of characters), we recommend splitting your chart into a "main characters" version and one or more "supporting cast" sub-charts.

Can I use it commercially?

Yes, charts you create with this tool are free for any use, commercial or non-commercial. You can publish them in books, blog posts, YouTube videos, slide decks, paid newsletters, novels, or product launches. Crediting "soukanzu.jp" is appreciated but not required. The only thing we ask is that you don't redistribute screenshots of the tool itself as if they were your own product.

Is this tool good for OC (original character) charts?

Yes — OC relationship charts are one of the most common use cases. You can color-code different characters, upload custom artwork as their avatars, group them by storyline or faction, and label every connection with whatever relationship type fits your world (allies, enemies, family, exes, mentors, etc.). Many writers build several separate charts for different groups of OCs and link them mentally rather than crowding everything into one image.

What's the difference between a relationship chart and a family tree?

A family tree is a specific type of relationship chart that focuses only on biological and marital connections — parents, children, siblings, spouses — usually arranged in a strict generational layout. A general relationship chart is broader: it can include friendships, rivalries, business partners, mentors, exes, classmates, and anything else. This tool can do both: just use vertical layouts and "parent/child/spouse" labels for a family tree, or use free-form positions and any labels you like for a general relationship chart.

Can I export the chart for presentations or print?

Yes. The "Save as Image" button exports your chart as a PNG that works well for most slide decks, blog headers, and social posts. Premium also adds PDF export while your subscription is active.

Can I share my chart with collaborators?

Yes, there are several ways to share. The simplest is to export the chart as an image and send the file. For collaboration, the URL share feature compresses the chart data into a link — anyone who opens that link will see the exact same chart in their own browser, ready to edit. This is perfect for writing groups, TTRPG parties, fandom servers, or work teams that want to iterate together.