{% extends "core/layout.html" %} {% block custom_head %} {% endblock %} {% block main %}

Network traceroute analysis

D3 Graph
Informational stuff

Intro

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.

Collecting data

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"
                                    
Connection Table
{% endblock %} {% block custom_scripts %} {% endblock %}