imuli / skill

the real world skill tree / directed acyclic graph
The Unlicense
0 stars 0 forks source link

How to visualize this? #1

Open bunny-girl opened 6 years ago

bunny-girl commented 6 years ago

Hi imuli, I'm working on a tiny game describing what work people could do and what quality they need to master to get this job or what quality they will gain from the job. I think, it is somehow similar to some part of your idea in this repo. So I wonder how to visualize this, and in what degree shall you describe a work or skill.

imuli commented 6 years ago

That does sound quite similar yes.

For an overall mildly static view, graphviz can make something like:

skill

(Green is learned, Yellow is can work on, Red is approaching, Black is not yet.)

There are various web tools that make something like this, though mostly better suited to undirected graphs rather than directed acyclic graphs. vivagraph is a pretty nice one.

Other sorts of views might take a slice of the graph, taking a goal and pruning skills unrelated to that goal, or listing all the immediately available skills, or focusing on a particular skill and just show it's neighbors.

Another sort of natural view would be something like:

Where the plus indicates that you could open the skill and the minus that you could close it.

Another view that I'm fond of is taking each skill as a room, with stairways going up and down to skills that depend on and are needed by this skill. If I was going an educational route I'd then put resources in the room that support learning that skill...