Rewrite Graph visualization with Cytoscape.js

[flash1293]

Currently the graph visualization in the Graph app is rendered with Angular.js and the d3-force plugin, which is limiting in two ways:

• It's hard to adapt other layouting algorithms when this might become relevant in the future
• Performance is sub-optimal when working with large graphs

Cytoscape.js offers solutions for both of these problems because it uses canvas to render and is entirely pluggable. Other teams building network-like visualizations in Kibana also have opted to use cytoscape.js as the underlying library, which might make it possible in the future to have a unified "elastic-charts like" graph visualization that layers on top of cytoscape.js and makes experience with graphs across Kibana consistent.

[elasticmachine]

Pinging @elastic/kibana-app

[shaunmcgough]

Three areas we should pay attention to. Thanks, @peterschretlen

• Security - make sure we hedge for attack vector area increases
• Maintenance - ensure we are active and involved in the maintenance of this library
• Dependencies - verify we do not have unnecessary ones

[flash1293]

Important points, thanks for noting them down.

About the dependencies one: cytoscape.js is basically a standalone lib, just relying on two small helpers: https://github.com/cytoscape/cytoscape.js/blob/unstable/package.json#L159

[elasticmachine]

Pinging @elastic/kibana-data-discovery (Team:DataDiscovery)

[elasticmachine]

Pinging @elastic/kibana-visualizations @elastic/kibana-visualizations-external (Team:Visualizations)

[timductive]

Closing this because it's not planned to be resolved in the foreseeable future. It will be tracked in our Icebox and will be re-opened if our priorities change. Feel free to re-open if you think it should be melted sooner.