hicsail / constellation-js

Library for combinatorially specifying, constraining, and exploring genetic design spaces.
http://constellationcad.org
MIT License
10 stars 8 forks source link

write algorithm to untangle nodes in display #21

Closed lucyq closed 6 years ago

lucyq commented 6 years ago

Edges and nodes are currently tangled in one another making it difficult to understand their relationships.

The goal is to display them in a manner where they are naturally spread out.

screen shot 2018-05-24 at 2 47 23 pm

One approach would be to use force-directed drawing algorithms. D3 already has an example of this: https://bl.ocks.org/mbostock/4062045

Since we are moving to D3 anyway, it probably makes most sense to use the example above.

Ideally, the nodes would look more like this:

screen shot 2018-05-24 at 2 54 55 pm