Neat! If you're not familiar with DOT <<a href="https://en.wikipedia.org/wiki/DOT_(graph_description_language)" rel="nofollow">https://en.wikipedia.org/wiki/DOT_(graph_description_languag...</a>>, you might find it interesting.<p>For example, your sample skill tree would just be something like this:<p><pre><code> digraph {
"skill A1" -> "skill A2" -> "skill A3" -> "skill A4"
"skill B1" -> "skill B2" -> "skill B3" -> "skill B4"
}
</code></pre>
There's a JS-based playground for DOT (and various other graph description languages) at <a href="https://rsms.me/graphviz/" rel="nofollow">https://rsms.me/graphviz/</a>