Update design for port graphs

[AleksBelytskyi]

With this PR, I would like to propose a new design for port graphs in IXP Manager, as the current one is based on the old-fashioned MRTG style.

I welcome any feedback on this new layout. Please let me know your thoughts on the design choices or if there are any specific tweaks you'd like to see before merging.

[afk11]

Hi @AleksBelytskyi, thanks for opening a pull request!

I have some sample data to test this out on, so sharing some screenshots for review

Without changes:

With changes:

[nickhilliard]

It would be useful if the png described which colour scheme applied to each direction. In the original version of the p2p graphing code, instead of "In" or "Out", we used "$srcname -> $dstname".

I.e. NREN -> AS112 instead of In and AS112 -> NREN instead of Out.

This needed careful truncation because some organisation names are very long.

[barryo]

I kinda like the current/old way better 😬

[nickhilliard]

hrm, I have no idea what "In" and "Out" mean. Every time I look at a graph, I end up scratching my head, wondering which way is which.

[barryo]

hrm, I have no idea what "In" and "Out" mean.

I don't mean I think in/out betterm just the general design. For sure change in/out to something more obvious.

Also Abbreviated Name is customer exists for shortened names for graphs, etc.