Input characters and relationships to auto-generate a relation network graph. Drag to rearrange, export as PNG.
- Auto Layout — Characters automatically positioned in a circle
- 12 Relationship Types — Father-Son, Mother-Son, Couple, Brothers, Sisters, Master-Apprentice, Friends, Enemies, Superior-Subordinate, Colleagues, Lovers, Other
- Drag & Drop — Drag character nodes to rearrange positions
- Color-coded Relations — Each relationship type has a distinct color
- Group Labels — Tag characters with group labels (e.g., "Shu Han", "Cao Wei")
- Export PNG — Download high-quality relation charts, no watermark
- 100% Free — No registration, no upload, all data stays in your browser
| Scenario | Example |
|---|---|
| Novel Writing | Map character relationships: Protagonist → Master → Sister → Childhood Friend |
| Family Tree | Grandfather → Father → Self → Children, with in-law relations |
| Organization Chart | CEO → VP → Director → Manager, with reporting lines |
| Social Analysis | Analyze friend circles: who are classmates, colleagues, relatives |
| Story Plotting | TV show / movie character relationship maps |
👉 Use Relation Graph Maker on 52tool.net
No download needed — just open the link and start building your relation chart.
- In the "Characters" tab, add all character names
- Switch to "Relations" tab, select two characters and relationship type
- Click "Add Relation" to auto-generate the network graph
- Drag character nodes to adjust positions
- Choose a color theme
- Click "Export PNG" to download your relation chart
- Pure HTML/CSS/JavaScript
- Canvas API for network graph rendering
- Touch support for mobile devices
- No backend, no database, no third-party APIs
MIT License — Free for personal and commercial use.
- 时间线制作工具 (Timeline Maker)
- PDF压缩工具 (PDF Compressor)
- 单位换算大全 (Unit Converter)
- 52tool.net — 600+ Free Online Tools
Made with ❤️ by Wythe | Powered by 52tool.net