tree rendering proposal - Githubissues

splintered-reality / py_trees_js

Javascript library for behaviour tree visualisation, demo'd with a qt-js hybrid application

Other

14 stars 4 forks source link

tree rendering proposal #13

Closed stonier closed 5 years ago

stonier commented 5 years ago

Must Haves

Keep the basic view simple - need only communicate the types (by shape) and the path
Detailed info as a tooltip, keeps from cluttering the view
Collapsible subtrees by clicking on a behaviour, a practical necessity
Different views - sometimes you want the whole view, sometimes you want to follow the tip, sometimes you just want to be zoomed in on a fixed location

Nice to Haves

Behaviours rendered as dot shapes, to be consistent with offline dot graph generation

stonier commented 5 years ago

Libraries

createjs - used by the behaviour3 editor, canvas editing plus other goodies to boot
pixijs - 2d webgl rendering
viz.js - dot graphs
dagrejs - directed graph layouts (no rendering) (also see his wiki)
jointjs - graph rendering, with bells and whistles
dagre-d3 - dagre rendering using d3 (also see his wiki
d3 - graph visualisation and analysis (not webgl, but modular, pull the useful non-rendering libs)
gojs - interactive graphs (not webgl)
cytoscape.js - graph visualisation and analysis, uses dagre

Demos

interactive decision tree - with jointjs/rappid
dot w/ tooltips & faded paths - based on dagre and d3
interactive dot graph with html - with dagre-d3
basic graph with css - with dagre-d3
user defined shapes - with dagre-d3
tooltips - with dagre-d3
collapsible layout - with d3
another collapsible layout - with d3
smart routing - with jointjs