<div dir="ltr"><div dir="ltr"><div dir="ltr">Hello guys!<div>I pushed a pull request with an approach to create d3 graph written in typescript</div><div><a href="https://github.com/skydive-project/skydive/pull/1443">https://github.com/skydive-project/skydive/pull/1443</a><br></div><div>There are few advantages:</div><div>1. adapted to huge topologies implementation of graph: initially you see only hosts and edges which connect the hosts. By selecting the host you will be switched to host topology where you are able to see whole topology on host</div><div>2. you are able to back to the hosts topology</div><div>3. you are able to select a host in the selector and then you will be immediately switched to the host topology</div><div><br></div><div>Later on we will contribute hierarchied topology. I'll create a blueprint for this to discuss how to embed it properly into the skydive UI.</div><div>But now we need to finalize this transition to the package written in typescript.</div><div>For this I need an usecases from you: typical usecases so I can test it locally and make sure this usecase will be supported by new approach. Please, if its not hard send me an usecases for the d3 graph to email: <a href="mailto:s.glazyrin@partner.samsung.com">s.glazyrin@partner.samsung.com</a> with an explanation how to test (if its not trivial use case).</div><div>For instance, if you are capturing packets, investigating the route of packets using d3 graph, then use case may be named as: capture packet</div><div>1. Step 1: I go to the UI, bash console, switch to tabs, fill the field, etc</div><div>2. Step 2: I go to the UI, console, switch to tabs, fill the field, etc</div><div><br></div><div>Your expectations:</div><div>1. Node 1 need to be highlighted,</div><div>2. I want to see a whole path of the packet: Host 1 -> Node A -> Host 2 -> Node B -> Host 3 -> Node C</div><div><br></div><div>Unfortunately I wanted to do a smooth transition supporting old approach as well but it seems like the usage of websocket connection across application, usage of old Graph javascript object which holds whole topology, usage of topologyComponent global javascript variable makes it almost impossible.</div><div><br></div><div>So, I am eagerly waiting for the use cases which are relevant for your skydive usage.  </div><div> </div><div><div><br></div>-- <br><div dir="ltr" class="gmail_signature"><div dir="ltr">Best, Sergey</div></div></div></div></div></div>