Dungeons and Dragons Decision Tree Demo [yFiles for HTML]

For all Dungeons and Dragons Fans we used our existing interactive decision tree demo and the decision graph (idea by the reddit-user u/The_Renegadem) to choose your fitting class. A quick and easy to follow guide for choosing your class.

Feel free to open and play with the Dungeons and Dragons graph in yEd Live. Afterwards you can save the GraphML file and re-open it in this application.

The decision tree contains different types of nodes.

Orange nodes are the current options that can be clicked in order to expand the next tree level.
Blue nodes are nodes that have been previously chosen.
Grey nodes represent options along the path that have not been chosen.
Green and red nodes are end nodes.

Things to Try

Decision Tree

Browse the DnD Graphs.
Click the orange nodes to make a decision and expand the next level of the tree.
Click the white or grey nodes to reset the decision tree back to this level and select the clicked option.
Click Restart to reset the current decision tree.
Click the -button to view the complete graph.

Source Graph Structure

The DecisionTree component supports different formats of graphs.

The source graph doesn't have to be a tree. It can be an arbitrary graph structure.
Loops in the graph are supported.
The graph can contain group nodes, but the clickable nodes have to be normal nodes.
Only group nodes that are direct parents of clickable nodes appear in the decision graph.

The first node that's found that has no incoming edges serves as the start node. The DecisionTree component also supports explicitly specifying a start node.

More yFiles Demos – live.yworks.com/demos