title: Cytoscale directed graph auto layout with no node overlaps and minimal edge overlap
body: <p>I've been using GraphViz to relationships between software components, and getting some fairly decent results.  On the web, I would prefer something like cytoscape because the user experience is better, and it would give me potential for a richer experience where a user could manipulate the graph by adding nodes, etc.</p>
  
  <p>Given this graph, rendered by GraphViz, is it possible to achieve a similar layout with Cytoscape.  It is choosing fairly optimal node layout and edge routing to avoid or minimize any overlaps and still retain readability, using an auto layout directed graph.  The only constraint that was applied to the graph was to rank all components that have an "installed" relationship to them at the bottom. <img src="https://i.stack.imgur.com/FgYnR.png" alt="enter image description here"></p>
  
  <p>Is this possible to achieve with Cytoscape?</p>