view-browser.html 5.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <html>
  2. <head>
  3. <meta charset='utf-8'>
  4. <title>Netron</title>
  5. <!-- meta -->
  6. <link rel='stylesheet' type='text/css' href='open-sans.css'>
  7. <link rel='stylesheet' type='text/css' href='view-render.css'>
  8. <link rel='stylesheet' type='text/css' href='view-node.css'>
  9. <link rel='stylesheet' type='text/css' href='view-find.css'>
  10. <link rel='stylesheet' type='text/css' href='view.css'>
  11. <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
  12. <link rel='icon' type='image/png' href='icon.png' />
  13. <link rel='apple-touch-icon' type='image/png' href='icon.png' />
  14. <link rel='apple-touch-icon-precomposed' type='image/png' href='icon.png' />
  15. <link rel='fluid-icon' type='image/png' href='icon.png' />
  16. </head>
  17. <body>
  18. <div id='welcome' class='background' style='display: block'>
  19. <a class='center logo' href='https://github.com/lutzroeder/Netron' target='_blank'>
  20. <img class='logo absolute' src='logo.svg' />
  21. <img id='spinner' class='spinner logo absolute' src='spinner.svg' style='display: none;' />
  22. </a>
  23. <button id='open-file-button' class='center' style='top: 200px; width: 125px; opacity: 0;'>Open Model...</button>
  24. <input type="file" id="open-file-dialog" style="display:none" multiple="false" accept=".onnx, .pb, .meta, .tflite, .keras, .h5, .json, .mlmodel, .caffemodel">
  25. <!-- Preload fonts to workaround Chrome SVG layout issue -->
  26. <div style='font-weight: normal; color: #e6e6e6; user-select: none;'>.</div>
  27. <div style='font-weight: 600; color: #e6e6e6; user-select: none;'>.</div>
  28. <div style='font-weight: bold; color: #e6e6e6; user-select: none;'>.</div>
  29. </div>
  30. <svg id='graph' class='graph' preserveAspectRatio='xMidYMid meet' width='100%' height='100%'></svg>
  31. <div id='toolbar' class='toolbar' style='position: absolute; top: 10px; left: 10px; display: none;'>
  32. <button id='model-properties-button' class='xxx' title='Model Properties'>
  33. <svg viewBox="0 0 100 100" width="24" height="24">
  34. <rect x="12" y="12" width="76" height="76" rx="16" ry="16" stroke-width="8" stroke="#fff" />
  35. <line x1="30" y1="37" x2="70" y2="37" stroke-width="8" stroke-linecap="round" stroke="#fff" />
  36. <line x1="30" y1="50" x2="70" y2="50" stroke-width="8" stroke-linecap="round" stroke="#fff" />
  37. <line x1="30" y1="63" x2="70" y2="63" stroke-width="8" stroke-linecap="round" stroke="#fff" />
  38. <rect x="12" y="12" width="76" height="76" rx="16" ry="16" stroke-width="4" />
  39. <line x1="30" y1="37" x2="70" y2="37" stroke-width="4" stroke-linecap="round" />
  40. <line x1="30" y1="50" x2="70" y2="50" stroke-width="4" stroke-linecap="round" />
  41. <line x1="30" y1="63" x2="70" y2="63" stroke-width="4" stroke-linecap="round" />
  42. </svg>
  43. </button>
  44. <button id='zoom-in-button' class='icon' title='Zoom In'>
  45. <svg viewBox="0 0 100 100" width="24" height="24">
  46. <circle cx="50" cy="50" r="35" stroke-width="8" stroke="#fff" />
  47. <line x1="50" y1="38" x2="50" y2="62" stroke-width="8" stroke-linecap="round" stroke="#fff" />
  48. <line x1="38" y1="50" x2="62" y2="50" stroke-width="8" stroke-linecap="round" stroke="#fff" />
  49. <line x1="78" y1="78" x2="82" y2="82" stroke-width="12" stroke-linecap="square" stroke="#fff" />
  50. <circle cx="50" cy="50" r="35" stroke-width="4" />
  51. <line x1="50" y1="38" x2="50" y2="62" stroke-width="4" stroke-linecap="round" />
  52. <line x1="38" y1="50" x2="62" y2="50" stroke-width="4" stroke-linecap="round" />
  53. <line x1="78" y1="78" x2="82" y2="82" stroke-width="8" stroke-linecap="square" />
  54. </svg>
  55. </button>
  56. <button id='zoom-out-button' class='icon' title='Zoom Out'>
  57. <svg viewBox="0 0 100 100" width="24" height="24">
  58. <circle cx="50" cy="50" r="35" stroke-width="8" stroke="#fff" />
  59. <line x1="38" y1="50" x2="62" y2="50" stroke-width="8" stroke-linecap="round" stroke="#fff" />
  60. <line x1="78" y1="78" x2="82" y2="82" stroke-width="12" stroke-linecap="square" stroke="#fff" />
  61. <circle cx="50" cy="50" r="35" stroke-width="4" />
  62. <line x1="38" y1="50" x2="62" y2="50" stroke-width="4" stroke-linecap="round" />
  63. <line x1="78" y1="78" x2="82" y2="82" stroke-width="8" stroke-linecap="square" />
  64. </svg>
  65. </button>
  66. </div>
  67. <div id='sidebar' class='sidebar'>
  68. <h1 id='sidebar-title' class='sidebar-title'></h1>
  69. <a href='javascript:void(0)' id='sidebar-closebutton' class='sidebar-closebutton'>&times;</a>
  70. <div id='sidebar-content' class='sidebar-content'>
  71. </div>
  72. </div>
  73. <script type='text/javascript' src='d3.min.js'></script>
  74. <script type='text/javascript' src='dagre.min.js'></script>
  75. <script type='text/javascript' src='protobuf.min.js'></script>
  76. <script type='text/javascript' src='flatbuffers.js'></script>
  77. <script type='text/javascript' src='handlebars.min.js'></script>
  78. <script type='text/javascript' src='marked.min.js'></script>
  79. <script type='text/javascript' src='onnx-model.js'></script>
  80. <script type='text/javascript' src='tf-model.js'></script>
  81. <script type='text/javascript' src='tflite-model.js'></script>
  82. <script type='text/javascript' src='keras-model.js'></script>
  83. <script type='text/javascript' src='coreml-model.js'></script>
  84. <script type='text/javascript' src='caffe-model.js'></script>
  85. <script type='text/javascript' src='caffe2-model.js'></script>
  86. <script type='text/javascript' src='mxnet-model.js'></script>
  87. <script type='text/javascript' src='view-template.js'></script>
  88. <script type='text/javascript' src='view-browser.js'></script>
  89. <script type='text/javascript' src='view-render.js'></script>
  90. <script type='text/javascript' src='view-node.js'></script>
  91. <script type='text/javascript' src='view-find.js'></script>
  92. <script type='text/javascript' src='view.js'></script>
  93. </body>
  94. </html>