Constellation — Your Network in 3D
Constellation transforms your Keepsake data into a living, breathing 3D visualization — a network of glowing spheres floating in space, where each sphere represents a piece of your world. Built with Three.js and d3-force-3d, it renders your contacts, interactions, tasks, notes, and tags as luminous nodes connected by the real relationships in your data. It’s a map of everything you’ve captured — alive, rotating, and uniquely yours.
What is the Constellation?
Node Types & Colors
You (white, center)
A large white sphere sits at the very center of your Constellation. That’s you — the hub from which everything radiates. You are always at the center of your own universe.
Contacts (blue)
The people in your life glow blue. The more entries, tasks, and notes linked to a contact, the more connections radiate from their sphere — making your closest relationships visually prominent.
Entries (violet)
Things that happened — calls, meetings, emails, observations — appear as violet spheres, connected to the contacts and tags they involve.
Upcoming tasks (green)
Tasks with a future due date shine green, showing the actions ahead of you — things you’ve planned but haven’t reached yet.
Overdue tasks (red)
Tasks past their due date glow red, standing out as gentle reminders of what still needs your attention.
Tasks without date (gray)
Tasks with no due date appear in gray — present in your network, but without the urgency of a deadline.
Notes (orange)
Your captured ideas and reference material glow orange, connected to whatever contacts or tags they’re linked to.
Tags (yellow)
Your projects and topics shine yellow, acting as connectors that tie related elements together across your network.
Tip
The more connections an element has, the more central and interconnected its sphere appears in the visualization. Your most active contacts and busiest projects naturally float closer to the core.
How Connections Work
Entry ↔ Contact
When you log an entry and link it to a contact, a visible connection appears between the violet entry sphere and the blue contact sphere.
Task ↔ Contact
A task assigned to a contact creates a line between the task sphere (green, red, or gray) and the contact’s blue sphere.
Note ↔ Contact
A note mentioning a contact via @ creates a connection between the orange note sphere and the blue contact sphere.
Contact ↔ Tag
When a contact is linked to a tag or project, a connection appears between their blue sphere and the yellow tag sphere.
Entry, Task, or Note ↔ Tag
Any element using #tag# or [[tag]] syntax creates a visible link to the corresponding yellow tag sphere. Tags act as hubs, pulling related elements together into clusters.
Tip
The more connections a node has, the more central and interconnected it appears. Your most active contacts and busiest projects naturally gravitate toward the core of the Constellation.
Interacting with the Constellation
Automatic rotation
The Constellation rotates gently on its own, so you can sit back and watch your network drift through space. It’s designed to feel alive.
Manual orbit
Click and drag anywhere to orbit around your Constellation. Release to let it resume its gentle auto-rotation.
Zoom
Use the + and − buttons to zoom in and out. You can also scroll with your mouse wheel, or pinch on mobile.
Fullscreen
Click the fullscreen button to expand the Constellation to fill your entire screen — perfect for appreciating the full beauty of your network.
Tip
Individual nodes cannot be clicked — the Constellation is a visualization, not a navigation tool. It’s designed for contemplation and discovery, not interaction.
Your Galactic Address
Your unique identifier
Your Galactic Address is unique to you. No two users share the same code. It creates a shareable URL: keepsake.place/constellation/AK-0742.
Custom slug
You can also set a custom slug (3–30 characters, lowercase) for a more memorable URL. For example: /constellation/my-name instead of /constellation/AK-0742.
Share it
Copy the link and send it to anyone — friends, colleagues, curious minds. They can explore your 3D network without seeing any personal information. It’s like sharing an abstract painting of your relationships.
Tip
Your Galactic Address is always public and always anonymous. Sharing it is like sharing a fingerprint — uniquely yours, but revealing nothing about what’s inside.
How to Access Your Constellation
Via Settings
Go to Settings → Services → Constellation. From there, you can view your Constellation, copy your shareable link, and set a custom slug.
Via direct URL
Navigate directly to /constellation/[your-address] in your browser. This works for anyone — you don’t need to be logged in to view a Constellation.
Tip
Bookmark your Constellation URL for quick access anytime.
The Galaxy View
What you see
Each user’s entire Constellation is compressed into a single glowing orb. The bigger the orb, the more data that user has captured in Keepsake.
Connections between users
If two users share a contact (same email address), a link appears between their orbs. The more contacts they share, the stronger the visual connection between them.
Explore other Constellations
Click on any orb to navigate to that user’s Constellation and explore their network in full 3D. Each one is unique — a visual fingerprint of someone’s world.
Privacy & Anonymization
No names
Contact names, emails, and personal details are never transmitted to the visualization. Each node is identified only by a random ID — impossible to reverse-engineer into a real identity.
No content
The text of your entries, tasks, and notes is never included. Only the connections between elements and their counts are used to build the visualization.
Only topology
What visitors see is the structure of your network — how many nodes you have and how they’re connected. Never the substance — what was said, written, or planned.
Safe by design
Other people can see the richness and shape of your world, but never its content. This is fundamental to the Constellation’s design — beauty without exposure.
Tip
Your Constellation is like a fingerprint — unique to you, but revealing nothing about what’s inside.
Questions?
Related guides
Something missing? Suggest features
Ready to try Keepsake?
Start organizing your relationships, notes, and tasks today. Free for 7 days.
One click — you're in. No credit card. 7 days free.