Implement a minimap for the graph about the-graph

[forresto]

I'd like to take a stab at this tomorrow. @bergie do you have any high-level suggestions of how bind/listen to graph changes that won't be too heavy?

[bergie]

I'll give you an example with the graph plugin API tomorrow.

Here is a nice example of a minimap:

http://www.civfanatics.com/gallery/files/3/4/8/4/3/SpaceRaceContest-start.jpg

[forresto]

o/t:
the next version of the ui should run on that-level hardware

[forresto]

(This could also be useful to preview a subgraph or collapsed group.)

[bergie]

@forresto yeah, optimally the minimap could be reused for providing "thumbnails" of graphs, for example in the NoFlo UI project navigator, or maybe also when displaying a highlighted node that is a subgraph.

Minimap differs only from this "thumbnail" by the fact that it needs to show a square on where your viewport currently is.

Here was a rudimentary minimap implementation in original NoFlo UI, just showing a rectangle where each node would be: https://github.com/noflo/noflo-ui-server/blob/dataflow/assets/js/GraphManager/views.coffee#L135

[forresto]

todo:

• redraw on graph changes. event from graph? or mutatation observer? 💥
• the-graph-thumb should use the json version of the graph, not the-graph 💥

[forresto]

All of this ^ thrashing was because there was an older version of Polymer in gh-pages. Bleeding-edge fun.

[forresto]

todo:

• work on viewrectangle
• width and height attributes on the-graph-editor to bind to