Interactive network visualizations of character relationships across different stories.
Select a book below to explore character connections, track relationships through chapters,
and visualize the narrative structure. Play with it. Adjust it to suit. Save your changes,
load your changes.
Nodes (Ellipses): Each colored node represents a character, place or theme. The size is based on the name length.
Connections (Lines): Lines between nodes show relationships. Thicker lines indicate stronger bonds.
Colors: Different colors represent different groups (numeric) or categories of items.
Chapter Navigation: Use the arrow buttons (←→) or arrow keys to move between chapters. Node fade in/out based on their presence in each chapter.
Viewing Notes: When notes are added to a node an note Icon appears in the top right. Hovering over the node for 1.5 seconds the notes will pop up. Notes can be hidden by toggling notes off.
- Editing Node
Add Node
Click Add Node button or press a to create a new node with ID, name, group, optional notes and chapter appearances.
Edit Node
Click Edit Mode or press e, then click any node to modify their properties.
Delete Node
Click Delete Mode or press d, then click a node to remove them (and all their relationships).
- Managing Relationships
Add Relationship: Click Add Relationship or press r to connect two nodes with a labeled relationship and bond strength (1-100).
Edit Relationship: Enable Edit Mode (e), then click on a relationship line to modify its label or strength.
Notes: Edit/Add Mode Optionally, notes with up to several paragraphs worth can be added to a node. This is visible when notes are enabled and the cursor hovers over the node.
Delete Relationship: Enable Delete Mode (d), then click on a relationship line to remove it.
- Chapter Management
Add Chapter: Click Add Chapter or press c to insert a new chapter. You can insert at any position, and all subsequent chapters will be renumbered.
Edit Chapter: Click Edit Chapter to change any chapter's title.
Delete Chapter: Click Delete Chapter to remove a chapter. All items will lose that chapter reference, and subsequent chapters will be renumbered.
Navigate Chapters: Use ↑↓ or ←→ arrow keys to cycle through chapters (wraps around).
- File Operations
Save: Click Save Local or press Ctrl+s to download your current visualization with all changes and node positions preserved.
Load: Click Choose Local to a saved version or load a different book data file (.json format).
Upload: Click Upload to Server to upload your current visualization with all changes and node positions preserved.
Load: Click Browse Server to load a different book data file that is shared (.json format).
File: The filename display shows which data file you're currently working with date suffixes are removed and updated when saved.
- Visual Controls
Drag Nodes: Click and drag any node to reposition them. Their position is saved when you save the file.
Double-Click Node: Release a fixed node so it moves freely with the physics simulation.
Recenter All Nodes: Click Recenter to reset all positions and restart the physics layout free.
3D Appearance: Characters have gradient shading to give them a 3D look with depth and lighting.
Chapter Presence: Characters appear bright in chapters where they appear, and fade to translucent in chapters where they don't.
Relationship Strength: Use bond strength (1-100) to indicate importance of relationships - higher numbers = thicker lines.
Groups/Categories: Assign characters to groups (numbers) to color-code them by affiliation, role, or any other categorization.
Choose Colour Schemes: A number of color schemes with auto font colors
Choose Font: Various Fonts
Choose Font Size: Various Fonts sizes
- File Format
For portability, efficiency and future feature compatibility The visualizer uses JSON files with this structure: Many of the diagrams were created by first populating this file with AI then manually positioning the nodes to a users liking.
