Interactive SMACX tech tree

[jez9999]

Very nice. Any chance you could package it so it's wrapped into one html file and can be used offline? One other subtle improvement; when you click on the checkbox it selects the tech as well. If the checkbox is being toggled it shouldn't trigger the "select tech" action. Also, remember what was checked in localstore and have a reset button to uncheck all. Actually I don't think there's a reset button but it does appear to store what was checked, but it also needs to store the version of SMAC selected and compact mode status.

 

[Bubblewrap]

Yep, not everything in saved in local storage yet, this could be added in a future update. As for a reset button, you can toggle the "None" technology to clear all researched techs.

 

[jez9999]

What do you use to generate the graph nodes and edges layout by the way? Some SVG library or is it custom code?

 

[Bubblewrap]

The positions of the nodes and edges are calculated by elkjs, which is a javacsript port of the Eclipse Layout Kernel.

GitHub - kieler/elkjs: ELK's layout algorithms for JavaScript

ELK's layout algorithms for JavaScript. Contribute to kieler/elkjs development by creating an account on GitHub.

github.com