Interactive editor

Start building your chart

Add people, connect them, and export a clean PNG. Scroll down later for examples, creator use cases, and FAQ.

See examples
Templates:
Auto-saved

Connect characters with a line.

Visualize every character relationship in one page.

Family, dramas, novels, manga, TRPG — anything fits.

Open in your browser and start right away.

No sign-up · no install · instant
🎨 2,000+ creating this month

Features of the Diagram Generator

Drag and drop

Easy to Use

Create diagrams intuitively with drag & drop. No coding required.

Customize with color palette

Fully Customizable

10-color palette and image uploads let you build unique diagrams.

Auto-save

Auto-Save

Your work is automatically saved in the browser — safe to close anytime.

Social sharing

Social Sharing

Easily share to X (Twitter), LINE, Facebook, and more.

High-res export

High-Res Export

Export images in high resolution — perfect for presentations and print.

Free to start

Free to Start

Core editing and standard export are free. Upgrade only if you want HD export.

Use Cases

Drama and movie characters

Organize Drama & Movie Characters

Grasp complex relationships at a glance. Great for avoiding spoilers.

Novel and manga characters

Novel & Manga Character Maps

Organize plots for creative writing or use as reading notes.

Project team org chart

Project Team Org Charts

Visualize team roles and relationships for smoother communication.

Family tree

Build Family Trees

Organize family connections and clearly show kinship.

Historical figures

Historical Figure Relationships

Perfect for studying history — visualize complex political relationships.

Business relationships

Visualize Business Relationships

Map out partners and stakeholders for strategic planning.

A relationship chart in just 3 steps

1

Add people

Just type a name and pick a color. You can upload images too.

2

Connect with lines

Pick two people and label them: "lover", "best friend", anything.

3

Arrange the layout

Drag freely, or tap "Auto Arrange" for an instant layout.

4

Save & share

One-click PNG export. Share to social media in a tap.

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

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 — High-res PNG output, perfect 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 high-resolution PNG, 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.

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 Diagram Generator 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. HD export is offered as a small one-time upgrade if you need a cleaner, higher-resolution download.

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 or exporting the JSON file as a backup.

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, scroll to the bottom of the right side panel and click "Reset All Data". 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?

Absolutely. The "Save as Image" button exports your chart as a high-resolution PNG, which is large enough for most slide decks, A4 printing, blog headers, and social posts. The exported image has a transparent or solid background depending on your settings, so it integrates cleanly into any document. For larger formats (posters, banners), the high-resolution export gives you enough pixels to scale up without losing sharpness.

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.