From 60653bba3e0a04529afd845759bfb61e94ad77a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Geron?= <ageron@users.noreply.github.com>
Date: Fri, 18 May 2018 16:52:10 +0200
Subject: [PATCH] Add tensorflow_graph_in_jupyter.py

---
 tensorflow_graph_in_jupyter.py | 50 ++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 tensorflow_graph_in_jupyter.py

diff --git a/tensorflow_graph_in_jupyter.py b/tensorflow_graph_in_jupyter.py
new file mode 100644
index 0000000..0e1edfd
--- /dev/null
+++ b/tensorflow_graph_in_jupyter.py
@@ -0,0 +1,50 @@
+from __future__ import absolute_import, division, print_function, unicode_literals
+
+# This module defines the show_graph() function to visualize a TensorFlow graph within Jupyter.
+
+# As far as I can tell, this code was originally written by Alex Mordvintsev at:
+# https://github.com/tensorflow/tensorflow/blob/master/tensorflow/examples/tutorials/deepdream/deepdream.ipynb
+
+# The original code only worked on Chrome (because of the use of <link rel="import"...>, but the version below
+# uses Polyfill (copied from this StackOverflow answer: https://stackoverflow.com/a/41463991/38626)
+# so that it can work on other browsers as well.
+
+import numpy as np
+import tensorflow as tf
+from IPython.display import clear_output, Image, display, HTML
+
+def strip_consts(graph_def, max_const_size=32):
+    """Strip large constant values from graph_def."""
+    strip_def = tf.GraphDef()
+    for n0 in graph_def.node:
+        n = strip_def.node.add() 
+        n.MergeFrom(n0)
+        if n.op == 'Const':
+            tensor = n.attr['value'].tensor
+            size = len(tensor.tensor_content)
+            if size > max_const_size:
+                tensor.tensor_content = "<stripped %d bytes>"%size
+    return strip_def
+
+def show_graph(graph_def, max_const_size=32):
+    """Visualize TensorFlow graph."""
+    if hasattr(graph_def, 'as_graph_def'):
+        graph_def = graph_def.as_graph_def()
+    strip_def = strip_consts(graph_def, max_const_size=max_const_size)
+    code = """
+        <script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.3/platform.js"></script>
+        <script>
+          function load() {{
+            document.getElementById("{id}").pbtxt = {data};
+          }}
+        </script>
+        <link rel="import" href="https://tensorboard.appspot.com/tf-graph-basic.build.html" onload=load()>
+        <div style="height:600px">
+          <tf-graph-basic id="{id}"></tf-graph-basic>
+        </div>
+    """.format(data=repr(str(strip_def)), id='graph'+str(np.random.rand()))
+
+    iframe = """
+        <iframe seamless style="width:1200px;height:620px;border:0" srcdoc="{}"></iframe>
+    """.format(code.replace('"', '&quot;'))
+    display(HTML(iframe))