<div dir="ltr">I'm considering to use Cytoscape.js [1] to improve the layout for entity graph view.<div><br></div><div>Cytoscape.js is a graph theory (a.k.a. network) library for analysis and visualisation which under active maintenance (latest release 2.7.8 on Aug 18, 2016) [2], while the current library d3-dagre [3] is declared not being actively developed or maintained.</div><div><br></div><div>Meanwhile, I'm building a proof of concept for visualizing the entity graph with Cytoscape.</div><div><br></div><div>Could anybody give a list on the required features for this view? Any comments are welcome.<br><div><br></div><div>[1] <a href="http://js.cytoscape.org/">http://js.cytoscape.org/</a></div></div><div><span style="line-height:1.5">[2] </span><a href="https://github.com/cytoscape/cytoscape.js" style="line-height:1.5">https://github.com/cytoscape/cytoscape.js</a><br></div><div>[3] <a href="https://github.com/cpettitt/dagre-d3">https://github.com/cpettitt/dagre-d3</a></div><div><br></div><br><div class="gmail_quote"><div dir="ltr">On Mon, Aug 8, 2016 at 2:34 PM Afek, Ifat (Nokia - IL) <<a href="mailto:ifat.afek@nokia.com">ifat.afek@nokia.com</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">



<div style="word-wrap:break-word;color:rgb(0,0,0);font-size:14px;font-family:Calibri,sans-serif">
<div>
<div>
<div>There is no such blueprint at the moment. </div>
<div>You are more than welcome to add one, in case you have some ideas for improvements.</div>
<div>
<div></div>
</div>
</div>
</div>
<div><br>
</div>
<div>Ifat.</div>
<div><br>
</div>
<span>
<div style="font-family:Calibri;font-size:12pt;text-align:left;color:black;BORDER-BOTTOM:medium none;BORDER-LEFT:medium none;PADDING-BOTTOM:0in;PADDING-LEFT:0in;PADDING-RIGHT:0in;BORDER-TOP:#b5c4df 1pt solid;BORDER-RIGHT:medium none;PADDING-TOP:3pt">
<span style="font-weight:bold">From: </span>Yujun Zhang<br>
<span style="font-weight:bold">Date: </span>Monday, 8 August 2016 at 09:21<br>
<br>
</div></span></div><div style="word-wrap:break-word;color:rgb(0,0,0);font-size:14px;font-family:Calibri,sans-serif"><span>
<div><br>
</div>
<blockquote style="BORDER-LEFT:#b5c4df 5 solid;PADDING:0 0 0 5;MARGIN:0 0 0 5">
<div>
<div>
<div dir="ltr">Great, it works.
<div>But it would be better if we could improve the default layout. Is there any blueprint in progress?</div>
<div>--</div>
<div>Yujun</div>
<div><br>
<div class="gmail_quote">
<div dir="ltr">On Sun, Aug 7, 2016 at 1:09 PM Afek, Ifat (Nokia - IL) <<a href="mailto:ifat.afek@nokia.com" target="_blank">ifat.afek@nokia.com</a>> wrote:<br>
</div>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div style="word-wrap:break-word;color:rgb(0,0,0);font-size:14px;font-family:Calibri,sans-serif">
<div>
<div>
<div>Hi,</div>
</div>
</div>
<div><br>
</div>
<div>It is possible to adjust the layout of the graph. You can double-click on a vertex and it will remain pinned to its place. You can then move the pinned vertices around to adjust the graph layout.</div>
<div><br>
</div>
<div>Hope it helped, and let us know if you need additional help with your demo.</div>
<div><br>
</div>
<div>Best Regards,</div>
<div>Ifat.</div>
<div><br>
</div>
<div><br>
</div>
<span>
<div style="font-family:Calibri;font-size:12pt;text-align:left;color:black;BORDER-BOTTOM:medium none;BORDER-LEFT:medium none;PADDING-BOTTOM:0in;PADDING-LEFT:0in;PADDING-RIGHT:0in;BORDER-TOP:#b5c4df 1pt solid;BORDER-RIGHT:medium none;PADDING-TOP:3pt">
<span style="font-weight:bold">From: </span>Yujun Zhang<br>
<span style="font-weight:bold">Date: </span>Friday, 5 August 2016 at 09:32<br>
</div>
</span></div>
<div style="word-wrap:break-word;color:rgb(0,0,0);font-size:14px;font-family:Calibri,sans-serif">
<span>
<blockquote style="BORDER-LEFT:#b5c4df 5 solid;PADDING:0 0 0 5;MARGIN:0 0 0 5">
<div>
<div>
<div dir="ltr">Hi, all,
<div><br>
<div>I'm building a demo of vitrage. <span style="line-height:1.5">The dynamic entity graph looks interesting.</span></div>
<div><span style="line-height:1.5"><br>
</span></div>
<div>But when more entities are added, things becomes crowded and the links screw over each other. Dragging the items will not help much. </div>
</div>
<div><br>
</div>
<div>Is it possible to adjust the layout so I can get a more regular/stable tree view of the entities?</div>
</div>
</div>
</div>
</blockquote>
</span></div>
<div style="word-wrap:break-word;color:rgb(0,0,0);font-size:14px;font-family:Calibri,sans-serif">
<span></span></div>
__________________________________________________________________________<br>
OpenStack Development Mailing List (not for usage questions)<br>
Unsubscribe: <a href="http://OpenStack-dev-request@lists.openstack.org?subject:unsubscribe" rel="noreferrer" target="_blank">
OpenStack-dev-request@lists.openstack.org?subject:unsubscribe</a><br>
<a href="http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev" rel="noreferrer" target="_blank">http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev</a><br>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</blockquote>
</span></div>

__________________________________________________________________________<br>
OpenStack Development Mailing List (not for usage questions)<br>
Unsubscribe: <a href="http://OpenStack-dev-request@lists.openstack.org?subject:unsubscribe" rel="noreferrer" target="_blank">OpenStack-dev-request@lists.openstack.org?subject:unsubscribe</a><br>
<a href="http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev" rel="noreferrer" target="_blank">http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev</a><br>
</blockquote></div></div>