Advertisement
Guest User

Untitled

a guest
Feb 23rd, 2017
121
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.73 KB | None | 0 0
  1. <div class="cell code_cell rendered selected" tabindex="2"><div class="input"><div class="prompt input_prompt">In&nbsp;[8]:</div><div class="inner_cell"><div class="ctb_hideshow"><div class="celltoolbar"></div></div><div class="input_area"><div class="CodeMirror cm-s-ipython"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 56.5938px; left: 72.5938px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-vscrollbar" cm-not-content="true" style="width: 18px; pointer-events: none;"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-hscrollbar" cm-not-content="true" style="height: 18px; pointer-events: none;"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; min-width: 196px; margin-bottom: 0px; border-right-width: 30px; min-height: 113px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors" style="visibility: hidden;"><div class="CodeMirror-cursor" style="left: 67px; top: 51px; height: 17px;">&nbsp;</div></div><div class="CodeMirror-code CodeMirror-crosshair"><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span class="cm-keyword">import</span> <span class="cm-variable">tensorflow</span> <span class="cm-keyword">as</span> <span class="cm-variable">tf</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span class="cm-keyword">import</span> <span class="cm-variable">numpy</span> <span class="cm-keyword">as</span> <span class="cm-variable">np</span></span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span class="cm-variable">a</span> = <span class="cm-variable">tf</span>.<span class="cm-property">ones</span>(())</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span class="cm-variable">b</span> = <span class="cm-variable">tf</span>.<span class="cm-property">ones</span>(())</span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span class="cm-variable">c</span> = <span class="cm-variable">a</span> <span class="cm-operator">+</span> <span class="cm-variable">b</span> </span></pre><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span class="cm-variable">show_graph</span>()</span></pre></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; border-bottom: 0px solid transparent; top: 113px;"></div><div class="CodeMirror-gutters" style="display: none; height: 143px;"></div></div></div></div></div></div><div class="output_wrapper"><div class="out_prompt_overlay prompt" title="click to scroll output; double click to hide" style=""></div><div class="output" style=""><div class="output_area"><div class="prompt"></div><div class="output_subarea output_html rendered_html">
  2. <iframe seamless="" style="width:1200px;height:800px;border:0" srcdoc="
  3. <script>
  4. function load() {
  5. document.getElementById(&quot;graph0.25707819463204806&quot;).pbtxt = 'node {\n name: &quot;ones&quot;\n op: &quot;Const&quot;\n attr {\n key: &quot;dtype&quot;\n value {\n type: DT_FLOAT\n }\n }\n attr {\n key: &quot;value&quot;\n value {\n tensor {\n dtype: DT_FLOAT\n tensor_shape {\n }\n float_val: 1.0\n }\n }\n }\n}\nnode {\n name: &quot;ones_1&quot;\n op: &quot;Const&quot;\n attr {\n key: &quot;dtype&quot;\n value {\n type: DT_FLOAT\n }\n }\n attr {\n key: &quot;value&quot;\n value {\n tensor {\n dtype: DT_FLOAT\n tensor_shape {\n }\n float_val: 1.0\n }\n }\n }\n}\nnode {\n name: &quot;add&quot;\n op: &quot;Add&quot;\n input: &quot;ones&quot;\n input: &quot;ones_1&quot;\n attr {\n key: &quot;T&quot;\n value {\n type: DT_FLOAT\n }\n }\n}\nnode {\n name: &quot;ones_2&quot;\n op: &quot;Const&quot;\n attr {\n key: &quot;dtype&quot;\n value {\n type: DT_FLOAT\n }\n }\n attr {\n key: &quot;value&quot;\n value {\n tensor {\n dtype: DT_FLOAT\n tensor_shape {\n }\n float_val: 1.0\n }\n }\n }\n}\nnode {\n name: &quot;ones_3&quot;\n op: &quot;Const&quot;\n attr {\n key: &quot;dtype&quot;\n value {\n type: DT_FLOAT\n }\n }\n attr {\n key: &quot;value&quot;\n value {\n tensor {\n dtype: DT_FLOAT\n tensor_shape {\n }\n float_val: 1.0\n }\n }\n }\n}\nnode {\n name: &quot;add_1&quot;\n op: &quot;Add&quot;\n input: &quot;ones_2&quot;\n input: &quot;ones_3&quot;\n attr {\n key: &quot;T&quot;\n value {\n type: DT_FLOAT\n }\n }\n}\n';
  6. }
  7. </script>
  8. <link rel=&quot;import&quot; href=&quot;https://tensorboard.appspot.com/tf-graph-basic.build.html&quot; onload=load()>
  9. <div style=&quot;height:600px&quot;>
  10. <tf-graph-basic id=&quot;graph0.25707819463204806&quot;></tf-graph-basic>
  11. </div>
  12. "></iframe>
  13. </div></div></div><div class="btn btn-default output_collapsed" title="click to expand output" style="display: none;">. . .</div></div></div><div style="height:600px">
  14. <tf-graph-basic id="graph0.25707819463204806">
  15.  
  16. <div class="all style-scope tf-graph-basic">
  17. <div class="side style-scope tf-graph-basic">
  18. <tf-graph-controls class="style-scope tf-graph-basic x-scope tf-graph-controls-0">
  19.  
  20. <div class="allcontrols style-scope tf-graph-controls">
  21. <div class="control-holder style-scope tf-graph-controls">
  22. <paper-icon-button id="fit" icon="aspect-ratio" class="fit-button style-scope tf-graph-controls x-scope paper-icon-button-0" alt="Fit to screen" role="button" tabindex="0" aria-disabled="false" aria-label="Fit to screen">
  23.  
  24. <iron-icon id="icon" class="style-scope paper-icon-button x-scope iron-icon-0" alt="Fit to screen"><svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" class="style-scope iron-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;"><g class="style-scope iron-icon"><path d="M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z" class="style-scope iron-icon"></path></g></svg>
  25. </iron-icon>
  26. </paper-icon-button>
  27. <paper-button class="fit-button-text style-scope tf-graph-controls x-scope paper-button-0" role="button" tabindex="0" animated="" aria-disabled="false">
  28.  
  29.  
  30. Fit to screen
  31.  
  32. </paper-button>
  33. </div>
  34. <div class="control-holder style-scope tf-graph-controls">
  35. <div class="title style-scope tf-graph-controls">Run</div>
  36. <paper-dropdown-menu no-label-float="" no-animations="" noink="" class="run-dropdown style-scope tf-graph-controls x-scope paper-dropdown-menu-0" role="group" aria-haspopup="true" aria-disabled="false">
  37. <paper-menu-button id="menuButton" vertical-align="top" horizontal-align="right" class="style-scope paper-dropdown-menu x-scope paper-menu-button-0" role="group" aria-haspopup="true" aria-disabled="false">
  38. <div id="trigger" class="style-scope paper-menu-button">
  39. <div class="dropdown-trigger style-scope paper-dropdown-menu">
  40. <paper-ripple class="style-scope paper-dropdown-menu">
  41.  
  42.  
  43. <div id="background" class="style-scope paper-ripple"></div>
  44. <div id="waves" class="style-scope paper-ripple"></div>
  45. </paper-ripple>
  46. <paper-input readonly="" class="style-scope paper-dropdown-menu x-scope paper-input-0" aria-disabled="false">
  47.  
  48.  
  49.  
  50. <paper-input-container class="style-scope paper-input x-scope paper-input-container-0">
  51.  
  52.  
  53.  
  54. <template is="dom-if" class="style-scope paper-input-container"></template>
  55.  
  56. <div class="input-content style-scope paper-input-container">
  57.  
  58.  
  59. <div class="label-and-input-container style-scope paper-input-container" id="labelAndInputContainer">
  60. <label class="style-scope paper-input" id="paper-input-label-86"> </label><input is="iron-input" id="input" class="style-scope paper-input" autocomplete="off" placeholder="" readonly="" autocapitalize="none" autocorrect="off" aria-describedby="" aria-labelledby="paper-input-label-86"><template is="dom-if" class="style-scope paper-input"></template><template is="dom-if" class="style-scope paper-input"></template>
  61. </div>
  62. <iron-icon icon="arrow-drop-down" suffix="" class="style-scope paper-dropdown-menu x-scope iron-icon-1"><svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" class="style-scope iron-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;"><g class="style-scope iron-icon"><path d="M7 10l5 5 5-5z" class="style-scope iron-icon"></path></g></svg>
  63. </iron-icon>
  64. </div>
  65.  
  66. <div class="underline style-scope paper-input-container">
  67. <div class="unfocused-line fit style-scope paper-input-container"></div>
  68. <div class="focused-line fit style-scope paper-input-container"></div>
  69. </div>
  70.  
  71. <div class="add-on-content style-scope paper-input-container">
  72.  
  73. </div>
  74.  
  75. </paper-input-container>
  76.  
  77. </paper-input>
  78. </div>
  79. </div>
  80. <iron-dropdown id="dropdown" class="style-scope paper-menu-button" aria-disabled="false" aria-hidden="true" horizontal-align="right" vertical-align="top" style="outline: none; display: none; right: 961.5px; top: 45px;">
  81. <div id="contentWrapper" class="style-scope iron-dropdown">
  82. <paper-material class="dropdown-content style-scope paper-menu-button x-scope paper-material-0" elevation="1">
  83.  
  84.  
  85.  
  86. <paper-menu id="select" class="dropdown-content style-scope tf-graph-controls x-scope paper-menu-0" role="menu" tabindex="0">
  87.  
  88. <div class="selectable-content style-scope paper-menu">
  89.  
  90. <template is="dom-repeat" class="style-scope tf-graph-controls"></template>
  91.  
  92. </div>
  93.  
  94. </paper-menu>
  95.  
  96. </paper-material>
  97. </div>
  98. </iron-dropdown>
  99. </paper-menu-button>
  100. </paper-dropdown-menu>
  101. </div>
  102. <div class="control-holder style-scope tf-graph-controls">
  103. <div class="title style-scope tf-graph-controls">Upload</div>
  104. <paper-button raised="" class="text-button upload-button style-scope tf-graph-controls x-scope paper-button-0" role="button" tabindex="0" animated="" aria-disabled="false" elevation="1">
  105.  
  106.  
  107. Choose File
  108. </paper-button>
  109. <div class="hidden-input style-scope tf-graph-controls">
  110. <input type="file" id="file" name="file" class="style-scope tf-graph-controls">
  111. </div>
  112. </div>
  113. <div class="control-holder style-scope tf-graph-controls">
  114. <div class="title style-scope tf-graph-controls">Color</div>
  115. <paper-dropdown-menu no-label-float="" no-animations="" noink="" class="color-dropdown style-scope tf-graph-controls x-scope paper-dropdown-menu-0" role="group" aria-haspopup="true" aria-disabled="false">
  116. <paper-menu-button id="menuButton" vertical-align="top" horizontal-align="right" class="style-scope paper-dropdown-menu x-scope paper-menu-button-0" role="group" aria-haspopup="true" aria-disabled="false">
  117. <div id="trigger" class="style-scope paper-menu-button">
  118. <div class="dropdown-trigger style-scope paper-dropdown-menu">
  119. <paper-ripple class="style-scope paper-dropdown-menu">
  120.  
  121.  
  122. <div id="background" class="style-scope paper-ripple"></div>
  123. <div id="waves" class="style-scope paper-ripple"></div>
  124. </paper-ripple>
  125. <paper-input readonly="" class="style-scope paper-dropdown-menu x-scope paper-input-0" aria-disabled="false">
  126.  
  127.  
  128.  
  129. <paper-input-container class="style-scope paper-input x-scope paper-input-container-1">
  130.  
  131.  
  132.  
  133. <template is="dom-if" class="style-scope paper-input-container"></template>
  134.  
  135. <div class="input-content label-is-hidden style-scope paper-input-container">
  136.  
  137.  
  138. <div class="label-and-input-container style-scope paper-input-container" id="labelAndInputContainer">
  139. <label class="style-scope paper-input" id="paper-input-label-91"> </label><input is="iron-input" id="input" class="style-scope paper-input" autocomplete="off" placeholder="" readonly="" autocapitalize="none" autocorrect="off" aria-describedby="" aria-labelledby="paper-input-label-91"><template is="dom-if" class="style-scope paper-input"></template><template is="dom-if" class="style-scope paper-input"></template>
  140. </div>
  141. <iron-icon icon="arrow-drop-down" suffix="" class="style-scope paper-dropdown-menu x-scope iron-icon-1"><svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" class="style-scope iron-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;"><g class="style-scope iron-icon"><path d="M7 10l5 5 5-5z" class="style-scope iron-icon"></path></g></svg>
  142. </iron-icon>
  143. </div>
  144.  
  145. <div class="underline style-scope paper-input-container">
  146. <div class="unfocused-line fit style-scope paper-input-container"></div>
  147. <div class="focused-line fit style-scope paper-input-container"></div>
  148. </div>
  149.  
  150. <div class="add-on-content style-scope paper-input-container">
  151.  
  152. </div>
  153.  
  154. </paper-input-container>
  155.  
  156. </paper-input>
  157. </div>
  158. </div>
  159. <iron-dropdown id="dropdown" class="style-scope paper-menu-button" aria-disabled="false" aria-hidden="true" horizontal-align="right" vertical-align="top" style="outline: none; display: none; right: 963.031px; top: 115px;">
  160. <div id="contentWrapper" class="style-scope iron-dropdown">
  161. <paper-material class="dropdown-content style-scope paper-menu-button x-scope paper-material-0" elevation="1">
  162.  
  163.  
  164.  
  165. <paper-menu class="dropdown-content style-scope tf-graph-controls x-scope paper-menu-0" role="menu" tabindex="0">
  166.  
  167. <div class="selectable-content style-scope paper-menu">
  168.  
  169. <paper-item class="style-scope tf-graph-controls x-scope paper-item-0 iron-selected" role="option" tabindex="-1" aria-disabled="false" aria-selected="true">
  170.  
  171.  
  172.  
  173. Structure
  174. </paper-item>
  175. <paper-item class="style-scope tf-graph-controls x-scope paper-item-0" role="option" tabindex="-1" aria-disabled="false">
  176.  
  177.  
  178.  
  179. Device
  180. </paper-item>
  181. <template is="dom-if" class="style-scope tf-graph-controls"></template>
  182.  
  183. </div>
  184.  
  185. </paper-menu>
  186.  
  187. </paper-material>
  188. </div>
  189. </iron-dropdown>
  190. </paper-menu-button>
  191. </paper-dropdown-menu>
  192. </div>
  193. <div class="style-scope tf-graph-controls">
  194. <template is="dom-if" class="style-scope tf-graph-controls"></template>
  195.  
  196. <div class="color-text style-scope tf-graph-controls">
  197. color: same substructure<br class="style-scope tf-graph-controls">
  198. gray: unique substructure
  199. </div>
  200. <template is="dom-if" class="style-scope tf-graph-controls"></template>
  201. <template is="dom-if" class="style-scope tf-graph-controls"></template>
  202. </div>
  203. <div class="legend-holder style-scope tf-graph-controls">
  204. <table class="style-scope tf-graph-controls">
  205. <tbody class="style-scope tf-graph-controls"><tr class="style-scope tf-graph-controls">
  206. <td class="style-scope tf-graph-controls"><div class="title style-scope tf-graph-controls">Graph</div></td>
  207. <td class="style-scope tf-graph-controls">(* = expandable)</td>
  208. </tr>
  209. <tr class="style-scope tf-graph-controls">
  210. <td class="style-scope tf-graph-controls">
  211. <svg class="icon style-scope tf-graph-controls">
  212. <rect transform="translate(3, 1)" height="14" width="35" rx="5" ry="5" class="style-scope tf-graph-controls"></rect>
  213. </svg>
  214. </td>
  215. <td class="style-scope tf-graph-controls">Namespace<span class="gray style-scope tf-graph-controls">*</span></td>
  216. </tr>
  217. <tr class="style-scope tf-graph-controls">
  218. <td class="style-scope tf-graph-controls">
  219. <svg class="icon style-scope tf-graph-controls" preserveAspectRatio="xMinYMid meet" viewBox="0 0 10 10">
  220. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#op-node-stamp" fill="white" stroke="#ccc" x="9.5" y="6" class="style-scope tf-graph-controls"></use>
  221. </svg>
  222. </td>
  223. <td class="style-scope tf-graph-controls">OpNode</td>
  224. </tr>
  225. <tr class="style-scope tf-graph-controls">
  226. <td class="style-scope tf-graph-controls">
  227. <svg class="icon style-scope tf-graph-controls" height="15px" preserveAspectRatio="xMinYMid meet" viewBox="0 0 12 12">
  228. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#op-series-horizontal-stamp" fill="white" stroke="#ccc" x="2" y="2" class="style-scope tf-graph-controls"></use>
  229. </svg>
  230. </td>
  231. <td class="style-scope tf-graph-controls">Unconnected series<span class="gray style-scope tf-graph-controls">*</span></td>
  232. </tr>
  233. <tr class="style-scope tf-graph-controls">
  234. <td class="style-scope tf-graph-controls">
  235. <svg class="icon style-scope tf-graph-controls" height="15px" preserveAspectRatio="xMinYMid meet" viewBox="0 0 15 15">
  236. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#op-series-vertical-stamp" fill="white" stroke="#ccc" x="2" y="2" class="style-scope tf-graph-controls"></use>
  237. </svg>
  238. </td>
  239. <td class="style-scope tf-graph-controls">Connected series<span class="gray style-scope tf-graph-controls">*</span></td>
  240. </tr>
  241. <tr class="style-scope tf-graph-controls">
  242. <td class="style-scope tf-graph-controls">
  243. <svg class="icon style-scope tf-graph-controls">
  244. <circle fill="white" stroke="#848484" cx="10" cy="10" r="5" class="style-scope tf-graph-controls"></circle>
  245. </svg>
  246. </td>
  247. <td class="style-scope tf-graph-controls">Constant</td>
  248. </tr>
  249. <tr class="style-scope tf-graph-controls">
  250. <td class="style-scope tf-graph-controls">
  251. <svg class="image-icon style-scope tf-graph-controls">
  252. <image id="summary-icon" width="24" height="24" x="0" y="0" class="image-icon style-scope tf-graph-controls" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://tensorboard.appspot.com/tensorboard/lib/svg/summary-icon.svg"></image>
  253. </svg>
  254. </td>
  255. <td class="style-scope tf-graph-controls">Summary</td>
  256. </tr>
  257. <tr class="style-scope tf-graph-controls">
  258. <td class="style-scope tf-graph-controls">
  259. <svg class="icon style-scope tf-graph-controls" height="15px" preserveAspectRatio="xMinYMid meet" viewBox="0 0 15 15">
  260. <defs class="style-scope tf-graph-controls">
  261. <marker id="arrowhead-legend" fill="#bbb" markerWidth="10" markerHeight="10" refX="9" refY="5" orient="auto" class="style-scope tf-graph-controls">
  262. <path d="M 0,0 L 10,5 L 0,10 C 3,7 3,3 0,0" class="style-scope tf-graph-controls"></path>
  263. </marker>
  264. <marker id="ref-arrowhead-legend" fill="#bbb" markerWidth="10" markerHeight="10" refX="1" refY="5" orient="auto" class="style-scope tf-graph-controls">
  265. <path d="M 10,0 L 0,5 L 10,10 C 7,7 7,3 10,0" class="style-scope tf-graph-controls"></path>
  266. </marker>
  267. </defs>
  268. <path marker-end="url(#arrowhead-legend)" stroke="#bbb" d="M2 9 l 23 0" stroke-linecap="round" class="style-scope tf-graph-controls"></path>
  269. </svg>
  270. </td>
  271. <td class="style-scope tf-graph-controls">Dataflow edge</td>
  272. </tr>
  273. <tr class="style-scope tf-graph-controls">
  274. <td class="style-scope tf-graph-controls">
  275. <svg class="icon style-scope tf-graph-controls" height="15px" preserveAspectRatio="xMinYMid meet" viewBox="0 0 15 15">
  276. <path marker-end="url(#arrowhead-legend)" stroke="#bbb" d="M2 9 l 23 0" stroke-linecap="round" stroke-dasharray="2, 2" class="style-scope tf-graph-controls"></path>
  277. </svg>
  278. </td>
  279. <td class="style-scope tf-graph-controls">Control dependency edge</td>
  280. </tr>
  281. <tr class="style-scope tf-graph-controls">
  282. <td class="style-scope tf-graph-controls">
  283. <svg class="icon style-scope tf-graph-controls" height="15px" preserveAspectRatio="xMinYMid meet" viewBox="0 0 15 15">
  284. <path marker-start="url(#ref-arrowhead-legend)" marker-end="url(#arrowhead-legend)" stroke="#bbb" d="M2 9 l 23 0" stroke-linecap="round" class="style-scope tf-graph-controls"></path>
  285. </svg>
  286. </td>
  287. <td class="style-scope tf-graph-controls">Reference edge</td>
  288. </tr>
  289. </tbody></table>
  290. </div>
  291. </div>
  292. </tf-graph-controls>
  293. <tf-graph-loader id="loader" class="style-scope tf-graph-basic"></tf-graph-loader>
  294. </div>
  295. <div class="main style-scope tf-graph-basic">
  296. <tf-graph-board id="graphboard" class="style-scope tf-graph-basic x-scope tf-graph-board-0">
  297.  
  298. <div id="progress-bar" class="style-scope tf-graph-board" style="display: none;">
  299. <div id="progress-msg" class="style-scope tf-graph-board">Namespace hierarchy : Finding similar subgraphs</div>
  300. <paper-progress class="style-scope tf-graph-board x-scope paper-progress-0" role="progressbar" value="100" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" aria-disabled="false">
  301. <div id="progressContainer" class="style-scope paper-progress">
  302. <div id="secondaryProgress" class="style-scope paper-progress" hidden="" style="transform: scaleX(0);"></div>
  303. <div id="primaryProgress" class="style-scope paper-progress" style="transform: scaleX(1);"></div>
  304. </div>
  305. </paper-progress>
  306. </div><template is="dom-if" class="style-scope tf-graph-board"></template>
  307. <div class="container style-scope tf-graph-board">
  308. <div id="main" class="style-scope tf-graph-board">
  309. <tf-graph id="graph" class="style-scope tf-graph-board x-scope tf-graph-0">
  310.  
  311. <div class="container style-scope tf-graph">
  312. <tf-graph-params id="graphParams" class="style-scope tf-graph"></tf-graph-params>
  313. <div class="vertical style-scope tf-graph">
  314. <h2 class="style-scope tf-graph"> </h2>
  315. <tf-graph-scene id="scene" class="auto style-scope tf-graph">
  316.  
  317. <div class="titleContainer style-scope tf-graph-scene">
  318. <div id="title" class="title style-scope tf-graph-scene" style="display: none; left: 20px;">Main Graph</div>
  319. <div id="auxTitle" class="auxTitle style-scope tf-graph-scene" style="display: none; left: 110px;">Auxiliary nodes</div>
  320. </div>
  321. <svg id="svg" class="style-scope tf-graph-scene">
  322. <defs class="style-scope tf-graph-scene">
  323.  
  324. <marker id="arrowhead" markerWidth="10" markerHeight="10" refX="9" refY="5" orient="auto" class="style-scope tf-graph-scene">
  325. <path d="M 0,0 L 10,5 L 0,10 C 3,7 3,3 0,0" class="style-scope tf-graph-scene"></path>
  326. </marker>
  327. <marker id="ref-arrowhead" markerWidth="10" markerHeight="10" refX="1" refY="5" orient="auto" class="style-scope tf-graph-scene">
  328. <path d="M 10,0 L 0,5 L 10,10 C 7,7 7,3 10,0" class="style-scope tf-graph-scene"></path>
  329. </marker>
  330.  
  331. <marker id="annotation-arrowhead" markerWidth="5" markerHeight="5" refX="5" refY="2.5" orient="auto" class="style-scope tf-graph-scene">
  332. <path d="M 0,0 L 5,2.5 L 0,5 L 0,0" class="style-scope tf-graph-scene"></path>
  333. </marker>
  334. <marker id="ref-annotation-arrowhead" markerWidth="5" markerHeight="5" refX="0" refY="2.5" orient="auto" class="style-scope tf-graph-scene">
  335. <path d="M 5,0 L 0,2.5 L 5,5 L 5,0" class="style-scope tf-graph-scene"></path>
  336. </marker>
  337.  
  338. <ellipse id="op-node-stamp" rx="7.5" ry="3" stroke="inherit" fill="inherit" class="style-scope tf-graph-scene"></ellipse>
  339.  
  340. <ellipse id="op-node-annotation-stamp" rx="5" ry="2" stroke="inherit" fill="inherit" class="style-scope tf-graph-scene"></ellipse>
  341.  
  342. <g id="op-series-vertical-stamp" class="style-scope tf-graph-scene">
  343. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#op-node-stamp" x="8" y="9" class="style-scope tf-graph-scene"></use>
  344. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#op-node-stamp" x="8" y="6" class="style-scope tf-graph-scene"></use>
  345. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#op-node-stamp" x="8" y="3" class="style-scope tf-graph-scene"></use>
  346. </g>
  347.  
  348. <g id="op-series-horizontal-stamp" class="style-scope tf-graph-scene">
  349. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#op-node-stamp" x="16" y="4" class="style-scope tf-graph-scene"></use>
  350. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#op-node-stamp" x="12" y="4" class="style-scope tf-graph-scene"></use>
  351. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#op-node-stamp" x="8" y="4" class="style-scope tf-graph-scene"></use>
  352. </g>
  353.  
  354. <g id="op-series-annotation-stamp" class="style-scope tf-graph-scene">
  355. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#op-node-annotation-stamp" x="9" y="2" class="style-scope tf-graph-scene"></use>
  356. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#op-node-annotation-stamp" x="7" y="2" class="style-scope tf-graph-scene"></use>
  357. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#op-node-annotation-stamp" x="5" y="2" class="style-scope tf-graph-scene"></use>
  358. </g>
  359.  
  360. <g id="linearGradients" class="style-scope tf-graph-scene"></g>
  361. </defs>
  362.  
  363. <rect fill="white" width="10000" height="10000" class="style-scope tf-graph-scene"></rect>
  364. <g id="root" class="style-scope tf-graph-scene" transform="translate(436.00000000000006,40.00000000000003)scale(1.7999999999999994)"><g class="scene" opacity="1"><g class="core" transform="translate(0,20)"><g class="edges"></g><g class="nodes"></g></g><g class="out-extract" transform="translate(50,20)"><g class="nodes"><g data-name="add" class="node op extract selected"><g class="in-annotations"><g data-name="ones" class="annotation constant op"><path class="annotation-edge" d="M15.5,2L25.5,5.5"></path><text class="annotation-label" dy=".35em" text-anchor="end" y="2" x="9.5">ones<title>ones</title></text><g class="annotation-node"><ellipse class="nodecolortarget" ry="2" rx="2" cy="2" cx="13.5"></ellipse><title>ones</title></g></g><g data-name="ones_1" class="annotation constant op"><path class="annotation-edge" d="M15.5,9L25.5,5.5"></path><text class="annotation-label" dy=".35em" text-anchor="end" y="9" x="9.5">ones_1<title>ones_1</title></text><g class="annotation-node"><ellipse class="nodecolortarget" ry="2" rx="2" cy="9" cx="13.5"></ellipse><title>ones_1</title></g></g></g><g class="out-annotations"></g><g class="nodeshape"><ellipse class="nodecolortarget" ry="3" rx="7.5" cy="5.5" cx="33" style="fill: white;"></ellipse></g><text class="nodelabel" dy=".35em" text-anchor="middle" y="-2.5" x="33">add</text></g><g data-name="add_1" class="node op extract"><g class="in-annotations"><g data-name="ones_2" class="annotation constant op"><path class="annotation-edge" d="M15.5,33L25.5,36.5"></path><text class="annotation-label" dy=".35em" text-anchor="end" y="33" x="9.5">ones_2<title>ones_2</title></text><g class="annotation-node"><ellipse class="nodecolortarget" ry="2" rx="2" cy="33" cx="13.5"></ellipse><title>ones_2</title></g></g><g data-name="ones_3" class="annotation constant op"><path class="annotation-edge" d="M15.5,40L25.5,36.5"></path><text class="annotation-label" dy=".35em" text-anchor="end" y="40" x="9.5">ones_3<title>ones_3</title></text><g class="annotation-node"><ellipse class="nodecolortarget" ry="2" rx="2" cy="40" cx="13.5"></ellipse><title>ones_3</title></g></g></g><g class="out-annotations"></g><g class="nodeshape"><ellipse class="nodecolortarget" ry="3" rx="7.5" cy="36.5" cx="33" style="fill: white; stroke: rgb(178, 178, 178);"></ellipse></g><text class="nodelabel" dy=".35em" text-anchor="middle" y="28.5" x="33">add_1</text></g></g></g></g></g>
  365. </svg>
  366. <tf-graph-minimap id="minimap" class="style-scope tf-graph-scene hidden">
  367.  
  368. <svg class="style-scope tf-graph-minimap" width="103.6307762349192" height="150">
  369. <defs class="style-scope tf-graph-minimap">
  370. <filter id="minimapDropShadow" x="-20%" y="-20%" width="150%" height="150%" class="style-scope tf-graph-minimap">
  371. <feOffset result="offOut" in="SourceGraphic" dx="1" dy="1" class="style-scope tf-graph-minimap"></feOffset>
  372. <feColorMatrix result="matrixOut" in="offOut" type="matrix" values="0.1 0 0 0 0 0 0.1 0 0 0 0 0 0.1 0 0 0 0 0 0.5 0" class="style-scope tf-graph-minimap"></feColorMatrix>
  373. <feGaussianBlur result="blurOut" in="matrixOut" stdDeviation="2" class="style-scope tf-graph-minimap"></feGaussianBlur>
  374. <feBlend in="SourceGraphic" in2="blurOut" mode="normal" class="style-scope tf-graph-minimap"></feBlend>
  375. </filter>
  376. </defs>
  377. <rect class="style-scope tf-graph-minimap" x="-529.3269595568711" y="-48.56210638136435" width="1133.9251840048566" height="680.097124212763"></rect>
  378. </svg>
  379. <canvas class="first style-scope tf-graph-minimap" width="103.6307762349192" height="150"></canvas>
  380.  
  381. <canvas class="second style-scope tf-graph-minimap" width="103.6307762349192" height="150" style="display: none;"></canvas>
  382. </tf-graph-minimap>
  383. </tf-graph-scene>
  384. </div>
  385. </div>
  386. </tf-graph>
  387. </div>
  388. <div id="info" class="style-scope tf-graph-board">
  389. <tf-graph-info id="graph-info" title="selected" class="style-scope tf-graph-board">
  390.  
  391.  
  392. <paper-material elevation="1" class="card style-scope tf-graph-info x-scope paper-material-0">
  393.  
  394.  
  395.  
  396. <tf-node-info class="style-scope tf-graph-info">
  397. <paper-item class="style-scope tf-node-info x-scope paper-item-1" role="option" tabindex="0" aria-disabled="false">
  398.  
  399.  
  400.  
  401.  
  402. <paper-item-body two-line="" class="style-scope tf-node-info x-scope paper-item-body-0">
  403.  
  404.  
  405.  
  406. <div class="style-scope tf-node-info">
  407. <paper-icon-button class="toggle-button style-scope tf-node-info x-scope paper-icon-button-0" role="button" tabindex="0" aria-disabled="false">
  408.  
  409. <iron-icon id="icon" class="style-scope paper-icon-button x-scope iron-icon-0"><svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" class="style-scope iron-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;"><g class="style-scope iron-icon"><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" class="style-scope iron-icon"></path></g></svg>
  410. </iron-icon>
  411. </paper-icon-button>
  412. <div class="node-name style-scope tf-node-info">add</div>
  413. </div>
  414. <div secondary="" class="style-scope tf-node-info">
  415. <tf-graph-icon class="node-icon style-scope tf-node-info">
  416.  
  417. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  418. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  419.  
  420. <svg preserveAspectRatio="xMinYMid meet" viewBox="0 0 16 8" class="style-scope tf-graph-icon" height="20">
  421. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#op-node-stamp" fill="white" stroke="#ccc" x="8" y="4" class="style-scope tf-graph-icon"></use>
  422. </svg>
  423. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  424. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  425. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  426. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  427. </tf-graph-icon>
  428.  
  429. <div class="subtitle style-scope tf-node-info">
  430. Operation:
  431. <span class="style-scope tf-node-info">Add</span>
  432. </div>
  433. <template is="dom-if" class="style-scope tf-node-info"></template>
  434. <template is="dom-if" class="style-scope tf-node-info"></template>
  435. </div>
  436.  
  437. </paper-item-body>
  438.  
  439. </paper-item>
  440. <iron-collapse class="style-scope tf-node-info iron-collapse-opened" role="group" aria-expanded="true" aria-hidden="false" style="transition-property: height; transition-duration: 0s; height: auto;">
  441.  
  442.  
  443.  
  444. <div class="expandedInfo style-scope tf-node-info">
  445. <div class="sub-list-group attributes style-scope tf-node-info">
  446. Attributes
  447. (<span class="style-scope tf-node-info">1</span>)
  448. <iron-list class="sub-list style-scope tf-node-info x-scope iron-list-0 has-scroller" id="attributesList">
  449.  
  450.  
  451. <array-selector id="selector" class="style-scope iron-list">
  452. </array-selector>
  453.  
  454. <div id="items" class="style-scope iron-list" style="height: 19px;">
  455.  
  456. <template class="style-scope tf-node-info"></template>
  457.  
  458. <div class="style-scope tf-node-info" style="transform: translate3d(0px, 0px, 0px);">
  459. <div class="attr-left style-scope tf-node-info">T</div>
  460. <div class="attr-right style-scope tf-node-info">{"type":"DT_FLOAT"}</div>
  461. </div>
  462.  
  463. </div>
  464.  
  465. </iron-list>
  466. </div>
  467.  
  468. <template is="dom-if" class="style-scope tf-node-info"></template>
  469.  
  470. <div class="sub-list-group predecessors style-scope tf-node-info">
  471. Inputs
  472. (<span class="style-scope tf-node-info">2</span>)
  473. <iron-list class="sub-list style-scope tf-node-info x-scope iron-list-0 has-scroller" id="inputsList">
  474.  
  475.  
  476. <array-selector id="selector" class="style-scope iron-list">
  477. </array-selector>
  478.  
  479. <div id="items" class="style-scope iron-list" style="height: 36px;">
  480.  
  481. <template class="style-scope tf-node-info"></template>
  482.  
  483. <tf-node-list-item item-type="predecessors" class="style-scope tf-node-info x-scope tf-node-list-item-0" style="transform: translate3d(0px, 0px, 0px);">
  484. <div id="list-item" class="style-scope tf-node-list-item clickable">
  485. <tf-graph-icon class="node-icon style-scope tf-node-list-item" height="12">
  486.  
  487.  
  488. <svg preserveAspectRatio="xMinYMid meet" viewBox="0 0 10 10" class="style-scope tf-graph-icon" height="12">
  489. <circle fill="white" stroke="#848484" cx="5" cy="5" r="3" class="style-scope tf-graph-icon"></circle>
  490. </svg>
  491. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  492. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  493. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  494. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  495. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  496. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  497. </tf-graph-icon>
  498. <span class="style-scope tf-node-list-item" title="ones">ones</span>
  499. </div>
  500. </tf-node-list-item>
  501.  
  502. <tf-node-list-item item-type="predecessors" class="style-scope tf-node-info x-scope tf-node-list-item-0" style="transform: translate3d(0px, 18px, 0px);">
  503. <div id="list-item" class="style-scope tf-node-list-item clickable">
  504. <tf-graph-icon class="node-icon style-scope tf-node-list-item" height="12">
  505.  
  506.  
  507. <svg preserveAspectRatio="xMinYMid meet" viewBox="0 0 10 10" class="style-scope tf-graph-icon" height="12">
  508. <circle fill="white" stroke="#848484" cx="5" cy="5" r="3" class="style-scope tf-graph-icon"></circle>
  509. </svg>
  510. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  511. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  512. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  513. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  514. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  515. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  516. </tf-graph-icon>
  517. <span class="style-scope tf-node-list-item" title="ones_1">ones_1</span>
  518. </div>
  519. </tf-node-list-item>
  520.  
  521. </div>
  522.  
  523. </iron-list>
  524. <template is="dom-if" class="style-scope tf-node-info"></template>
  525. </div>
  526.  
  527. <div class="sub-list-group successors style-scope tf-node-info">
  528. Outputs
  529. (<span class="style-scope tf-node-info">0</span>)
  530. <iron-list class="sub-list style-scope tf-node-info x-scope iron-list-0 has-scroller" id="outputsList">
  531.  
  532.  
  533. <array-selector id="selector" class="style-scope iron-list">
  534. </array-selector>
  535.  
  536. <div id="items" class="style-scope iron-list" style="height: 0px;">
  537.  
  538. <template class="style-scope tf-node-info"></template>
  539.  
  540. <tf-node-list-item item-type="successor" class="style-scope tf-node-info x-scope tf-node-list-item-0" hidden="" style="transform: translate3d(0px, 0px, 0px);">
  541. <div id="list-item" class="style-scope tf-node-list-item clickable">
  542. <tf-graph-icon class="node-icon style-scope tf-node-list-item" height="12">
  543. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  544. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  545. <template is="dom-if" class="style-scope tf-graph-icon"></template>
  546. </tf-graph-icon>
  547. <span class="style-scope tf-node-list-item"> </span>
  548. </div>
  549. </tf-node-list-item>
  550.  
  551. </div>
  552.  
  553. </iron-list>
  554. <template is="dom-if" class="style-scope tf-node-info"></template>
  555. </div>
  556. </div>
  557. <template is="dom-if" restamp="true" class="style-scope tf-node-info"></template>
  558.  
  559.  
  560. </iron-collapse>
  561. </tf-node-info>
  562.  
  563. </paper-material>
  564. <template is="dom-if" class="style-scope tf-graph-info"></template>
  565. </tf-graph-info>
  566. </div>
  567. </div>
  568. </tf-graph-board>
  569. </div>
  570. </div>
  571. </tf-graph-basic>
  572. </divp>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement