Edge Highlighting

Most people look at a tree and see the nodes. The boxes, the labels, the content. But the edges, the lines connecting them, carry just as much information. An edge says: this leads to that. This causes that. This choice opens that possibility.

Edges as Information

In Persephonie, edges aren't just connectors. They're data channels. An animated dashed line means the path is active, you're exploring it right now. A solid line means you've been there. A faded line means it's unexplored. Without reading a single word, you know where you are, where you've been, and where you haven't gone.

Nodes tell you what exists. Edges tell you what connects.

The visual treatment of edges creates a heat map of exploration. Areas you've thoroughly explored are dense with solid lines. Unexplored areas are a web of faded possibilities. This meta-information is invisible in a chat interface.

Edge States

• Active path: animated dashed teal, showing current exploration
• Explored path: solid indigo, showing visited territory
• Unexplored: faded gray, showing available possibilities
• Highlighted: bright on hover, showing potential connections

The Invisible Architecture

Edges are the invisible architecture of a decision tree. They define the topology, the shape of the decision space. Two trees with the same nodes but different edges represent completely different decisions. Getting edges right is getting the structure right.