Create hosts graph

[DGabri]

Create a new page in the hosts section to show a graph of flows between hosts.

• Filter for only localhosts flows, local to/from remote, only local to remote (3 different query on flows table)
• Show connected components
• Query should be for last X minutes to not make the graph too crowded

Show the graph on the top half of the page or on the left part. Divide the page in 4 quadrants, put graph on top left if it can fit, else use two tiles.
By default show the graph with some summary of data:

• Show a table of top 5 increasing traffic host, and top 5 decreasing with traffic value

• Most contacted ASs with traffic

• Number of flows and protocols breakdown

• When hovering a host keep the other information as above and in the tooltip show:

  • IP:flag
  • Traffic increase in green, decrease in red (compared to last x minutes)
  • Number of active flows
  • Number of alerts

When clicking on a node the remaining part of the dashboard is displayed with information regarding the selected host. These metrics are TBD. Initial ideas are:

• Average latency for all the flows
• Most triggered alerts
• Traffic breakdown (proto...)
• Traffic to country
• Traffic to ASN

[DGabri]

Add a graph also in the live flows page

• Get al grouped flows in the interface
• On each edge add the number of flows between the two hosts
• Add a path flow speed that scales between all the throughputs to see which are higher and lower
• Edge thickness corresponds to size of flow since start

For example: https://dash14.github.io/v-network-graph/examples/paths.html#animation