I'm designing a GUI and want to find a library on the JVM or for javascript that I can use with Clojure or Clojurescript.
The problem:
I need to display 'zoomable' directed acyclic graphs (DAGs). A picture is worth 1000 words, so here is what the interface ought to look like, and how the screen changes under 'zooming':
Specifically, every node can have its own inteal graph, with the restriction that each ier graph has the same number of inputs and outputs as the node itself.
My experience with graphics is limited in Javascript and nonexistent in Java, but...
My ideas:
-
Naively draw the whole graph with all 'ier graphs' already inside the nodes, and fade the ier graphs out for text when the zoom level is sufficiently far away. Use click events to change the zoom to and from this level. I don't think this will behave well when there are several nested ier graphs.
-
Draw the unzoomed graph and zoom into a node when clicked so that its background fills the screen, then overlay the ier graph. For nested ier graphs do the same trick, maintaining a 'background node' and 'ier graph'.
Is option 2 sensible? If so is there a library (ie graphviz) I can modify to achieve this behaviour? If there isn't a library, what framework (ie JavaFX) should I use?