| <!DOCTYPE html> |
| <html> |
| <meta charset="utf-8"> |
| <style> |
| path.link { |
| fill: none; |
| } |
| circle { |
| stroke: #333; |
| stroke-width: 1.5px; |
| } |
| |
| text { |
| font: 20px sans-serif; |
| pointer-events: none; |
| } |
| </style> |
| <head> |
| <title>ONOS GUI</title> |
| <script src="http://d3js.org/d3.v3.min.js"></script> |
| <script type="text/javascript" src="js/onos-topology-route.js"></script> |
| <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> |
| </head> |
| <body> |
| <svg width="4in" height="2in" |
| viewBox="0 0 4000 2000" version="1.1" |
| xmlns="http://www.w3.org/2000/svg"> |
| <defs> |
| <marker id="Triangle" |
| viewBox="0 -5 10 10" refX="15" refY="-1.5" |
| markerUnits="strokeWidth" |
| markerWidth="6" markerHeight="6" |
| orient="auto"> |
| <path d="M0,-5L10,0L0,5"/> |
| </marker> |
| <marker id="TriangleRed" |
| viewBox="0 -5 10 10" refX="10" refY="-0.2" |
| markerUnits="strokeWidth" |
| markerWidth="6" markerHeight="6" |
| orient="auto"> |
| <path d="M0,-5L10,0L0,5" fill="red" stroke="red"/> |
| </marker> |
| </defs> |
| <script type="text/javascript"> |
| gui("http://onosnat.onlab.us:8080/fl/topology/toporoute/00:00:00:0d:00:d1/2/00:00:00:0d:00:d3/3/json"); |
| </script> |
| </svg> |
| </body> |
| </html> |