{% extends "core/layout.html" %} {% block custom_head %} {% endblock %} {% block main %}
Visualize routes using a graph. Basically we're using a D3 force layout but arranged as a force-directed tree as shown here. This way you can track the network packages within several paths.
Check out the CSS file to see the circles color legend.
You'll need some data to visualize. Open a shell and paste this into it (make sure you adapt the command line to your system, e.g. change the NIC interface name):
$ stdbuf -oL traceroute dornea.nu | egrep -w --line-buffered '^ [0-9]{1,3} [^*\].*ms.*' | stdbuf -oL awk -f web/mod_traceroute/scripts/traceroute.awk | stdbuf -oL sed 's/"/\\"/g' | xargs -n 1 -I % sh -c "echo '%' | nc localhost 8081"