Update "open in colab" buttons in every tutorial

tensorflow · Sep 18, 2024 · f618708 · f618708
1 parent ece000c
commit f618708
Show file tree

Hide file tree

Showing 21 changed files with 756 additions and 274 deletions.
diff --git a/docs/tutorials/data_validation/tfdv_basic.ipynb b/docs/tutorials/data_validation/tfdv_basic.ipynb
@@ -46,18 +46,42 @@
         "id": "rLsMb4vqY244"
       },
       "source": [
-        "Note: You can run this example right now in a Jupyter-style notebook, no setup required!  Just click \"Run in Google Colab\"\n",
-        "\n",
-        "\u003cdiv class=\"devsite-table-wrapper\"\u003e\u003ctable class=\"tfo-notebook-buttons\" align=\"left\"\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://www.tensorflow.org/tfx/tutorials/data_validation/tfdv_basic\"\u003e\n",
-        "\u003cimg src=\"https://www.tensorflow.org/images/tf_logo_32px.png\" /\u003eView on TensorFlow.org\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://colab.sandbox.google.com/github/tensorflow/tfx/blob/master/docs/tutorials/data_validation/tfdv_basic.ipynb\"\u003e\n",
-        "\u003cimg src=\"https://www.tensorflow.org/images/colab_logo_32px.png\"\u003eRun in Google Colab\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://github.com/tensorflow/tfx/blob/master/docs/tutorials/data_validation/tfdv_basic.ipynb\"\u003e\n",
-        "\u003cimg width=32px src=\"https://www.tensorflow.org/images/GitHub-Mark-32px.png\"\u003eView source on GitHub\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003ctd\u003e\u003ca href=\"https://storage.googleapis.com/tensorflow_docs/tfx/docs/tutorials/data_validation/tfdv_basic.ipynb\"\u003e\u003cimg src=\"https://www.tensorflow.org/images/download_logo_32px.png\" /\u003eDownload notebook\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003c/table\u003e\u003c/div\u003e"
-      ]
+    "Note: We recommend running this tutorial in a Colab notebook, with no setup required!  Just click \"Run in Google Colab\".\n",
+    "\n",
+    "<div class=\"buttons-wrapper\">\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://www.tensorflow.org/tfx/tutorials/data_validation/tfdv_basic\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\"https://www.tensorflow.org/images/tf_logo_32px.png\">\n",
+    "      View on TensorFlow.org\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://colab.research.google.com/github/tensorflow/tfx/blob/master/docs/tutorials/data_validation/tfdv_basic.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\n",
+    "\t   \"https://www.tensorflow.org/images/colab_logo_32px.png\">\n",
+    "      Run in Google Colab\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://github.com/tensorflow/tfx/tree/master/docs/tutorials/data_validation/tfdv_basic.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img width=\"32px\" src=\n",
+    "\t   \"https://www.tensorflow.org/images/GitHub-Mark-32px.png\">\n",
+    "      View source on GitHub\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" href=\n",
+    "     \"https://storage.googleapis.com/tensorflow_docs/tfx/docs/tutorials/data_validation/tfdv_basic.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\n",
+    "\t   \"https://www.tensorflow.org/images/download_logo_32px.png\">\n",
+    "      Download notebook\n",
+    "    </div>\n",
+    "  </a>\n",
+    "</div>"
+   ]
     },
     {
       "cell_type": "markdown",

diff --git a/docs/tutorials/mlmd/mlmd_tutorial.ipynb b/docs/tutorials/mlmd/mlmd_tutorial.ipynb
@@ -50,20 +50,42 @@
         "id": "MfBg1C5NB3X0"
       },
       "source": [
-        "\u003ctable class=\"tfo-notebook-buttons\" align=\"left\"\u003e\n",
-        "  \u003ctd\u003e\n",
-        "    \u003ca target=\"_blank\" href=\"https://www.tensorflow.org/tfx/tutorials/mlmd/mlmd_tutorial\"\u003e\u003cimg src=\"https://www.tensorflow.org/images/tf_logo_32px.png\" /\u003eView on TensorFlow.org\u003c/a\u003e\n",
-        "  \u003c/td\u003e\n",
-        "  \u003ctd\u003e\n",
-        "    \u003ca target=\"_blank\" href=\"https://colab.research.google.com/github/tensorflow/tfx/blob/master/docs/tutorials/mlmd/mlmd_tutorial.ipynb\"\u003e\u003cimg src=\"https://www.tensorflow.org/images/colab_logo_32px.png\" /\u003eRun in Google Colab\u003c/a\u003e\n",
-        "  \u003c/td\u003e\n",
-        "  \u003ctd\u003e\n",
-        "    \u003ca target=\"_blank\" href=\"https://github.com/tensorflow/tfx/blob/master/docs/tutorials/mlmd/mlmd_tutorial.ipynb\"\u003e\u003cimg src=\"https://www.tensorflow.org/images/GitHub-Mark-32px.png\" /\u003eView source on GitHub\u003c/a\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://storage.googleapis.com/tensorflow_docs/tfx/docs/tutorials/mlmd/mlmd_tutorial.ipynb\"\u003e\n",
-        "\u003cimg width=32px src=\"https://www.tensorflow.org/images/download_logo_32px.png\"\u003eDownload notebook\u003c/a\u003e\u003c/td\u003e\n",
-        "  \u003c/td\u003e\n",
-        "\u003c/table\u003e"
-      ]
+    "Note: We recommend running this tutorial in a Colab notebook, with no setup required!  Just click \"Run in Google Colab\".\n",
+    "\n",
+    "<div class=\"buttons-wrapper\">\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://www.tensorflow.org/tfx/tutorials/mlmd/mlmd_tutorial\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\"https://www.tensorflow.org/images/tf_logo_32px.png\">\n",
+    "      View on TensorFlow.org\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://colab.research.google.com/github/tensorflow/tfx/blob/master/docs/tutorials/mlmd/mlmd_tutorial.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\n",
+    "\t   \"https://www.tensorflow.org/images/colab_logo_32px.png\">\n",
+    "      Run in Google Colab\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://github.com/tensorflow/tfx/tree/master/docs/tutorials/mlmd/mlmd_tutorial.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img width=\"32px\" src=\n",
+    "\t   \"https://www.tensorflow.org/images/GitHub-Mark-32px.png\">\n",
+    "      View source on GitHub\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" href=\n",
+    "     \"https://storage.googleapis.com/tensorflow_docs/tfx/docs/tutorials/mlmd/mlmd_tutorial.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\n",
+    "\t   \"https://www.tensorflow.org/images/download_logo_32px.png\">\n",
+    "      Download notebook\n",
+    "    </div>\n",
+    "  </a>\n",
+    "</div>"
+   ]
     },
     {
       "cell_type": "markdown",

diff --git a/docs/tutorials/model_analysis/tfma_basic.ipynb b/docs/tutorials/model_analysis/tfma_basic.ipynb
@@ -37,19 +37,42 @@
         "id": "rLsMb4vqY244"
       },
       "source": [
-        "Note: You can run this example right now in a Jupyter-style notebook, no setup required!  Just click \"Run in Google Colab\"\n",
-        "\n",
-        "\u003cdiv class=\"devsite-table-wrapper\"\u003e\u003ctable class=\"tfo-notebook-buttons\" align=\"left\"\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://www.tensorflow.org/tfx/tutorials/model_analysis/tfma_basic\"\u003e\n",
-        "\u003cimg src=\"https://www.tensorflow.org/images/tf_logo_32px.png\" /\u003eView on TensorFlow.org\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://colab.sandbox.google.com/github/tensorflow/tfx/blob/master/docs/tutorials/model_analysis/tfma_basic.ipynb\"\u003e\n",
-        "\u003cimg src=\"https://www.tensorflow.org/images/colab_logo_32px.png\"\u003eRun in Google Colab\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://github.com/tensorflow/tfx/blob/master/docs/tutorials/model_analysis/tfma_basic.ipynb\"\u003e\n",
-        "\u003cimg width=32px src=\"https://www.tensorflow.org/images/GitHub-Mark-32px.png\"\u003eView source on GitHub\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://storage.googleapis.com/tensorflow_docs/tfx/docs/tutorials/model_analysis/tfma_basic.ipynb\"\u003e\n",
-        "\u003cimg width=32px src=\"https://www.tensorflow.org/images/download_logo_32px.png\"\u003eDownload notebook\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003c/table\u003e\u003c/div\u003e"
-      ]
+    "Note: We recommend running this tutorial in a Colab notebook, with no setup required!  Just click \"Run in Google Colab\".\n",
+    "\n",
+    "<div class=\"buttons-wrapper\">\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://www.tensorflow.org/tfx/tutorials/model_analysis/tfma_basic\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\"https://www.tensorflow.org/images/tf_logo_32px.png\">\n",
+    "      View on TensorFlow.org\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://colab.research.google.com/github/tensorflow/tfx/blob/master/docs/tutorials/model_analysis/tfma_basic.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\n",
+    "\t   \"https://www.tensorflow.org/images/colab_logo_32px.png\">\n",
+    "      Run in Google Colab\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://github.com/tensorflow/tfx/tree/master/docs/tutorials/model_analysis/tfma_basic.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img width=\"32px\" src=\n",
+    "\t   \"https://www.tensorflow.org/images/GitHub-Mark-32px.png\">\n",
+    "      View source on GitHub\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" href=\n",
+    "     \"https://storage.googleapis.com/tensorflow_docs/tfx/docs/tutorials/model_analysis/tfma_basic.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\n",
+    "\t   \"https://www.tensorflow.org/images/download_logo_32px.png\">\n",
+    "      Download notebook\n",
+    "    </div>\n",
+    "  </a>\n",
+    "</div>"
+   ]
     },
     {
       "cell_type": "markdown",

diff --git a/docs/tutorials/serving/rest_simple.ipynb b/docs/tutorials/serving/rest_simple.ipynb
@@ -46,20 +46,42 @@
         "id": "E6FwTNtl3S4v"
       },
       "source": [
-        "**Warning: This notebook is designed to be run in a Google Colab only**.  It installs packages on the system and requires root access.  If you want to run it in a local Jupyter notebook, please proceed with caution.\n",
-        "\n",
-        "Note: You can run this example right now in a Jupyter-style notebook, no setup required!  Just click \"Run in Google Colab\"\n",
-        "\n",
-        "\u003cdiv class=\"devsite-table-wrapper\"\u003e\u003ctable class=\"tfo-notebook-buttons\" align=\"left\"\u003e\n",
-        "\u003ctr\u003e\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://www.tensorflow.org/tfx/tutorials/serving/rest_simple\"\u003e\n",
-        "\u003cimg src=\"https://www.tensorflow.org/images/tf_logo_32px.png\" /\u003eView on TensorFlow.org\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://colab.research.google.com/github/tensorflow/tfx/blob/master/docs/tutorials/serving/rest_simple.ipynb\"\u003e\n",
-        "\u003cimg src=\"https://www.tensorflow.org/images/colab_logo_32px.png\"\u003eRun in Google Colab\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://github.com/tensorflow/tfx/blob/master/docs/tutorials/serving/rest_simple.ipynb\"\u003e\n",
-        "\u003cimg width=32px src=\"https://www.tensorflow.org/images/GitHub-Mark-32px.png\"\u003eView source on GitHub\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003ctd\u003e\u003ca href=\"https://storage.googleapis.com/tensorflow_docs/tfx/docs/tutorials/serving/rest_simple.ipynb\"\u003e\u003cimg src=\"https://www.tensorflow.org/images/download_logo_32px.png\" /\u003eDownload notebook\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003c/tr\u003e\u003c/table\u003e\u003c/div\u003e"
-      ]
+    "Note: We recommend running this tutorial in a Colab notebook, with no setup required!  Just click \"Run in Google Colab\".\n",
+    "\n",
+    "<div class=\"buttons-wrapper\">\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://www.tensorflow.org/tfx/tutorials/serving/rest_simple\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\"https://www.tensorflow.org/images/tf_logo_32px.png\">\n",
+    "      View on TensorFlow.org\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://colab.research.google.com/github/tensorflow/tfx/blob/master/docs/tutorials/serving/rest_simple.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\n",
+    "\t   \"https://www.tensorflow.org/images/colab_logo_32px.png\">\n",
+    "      Run in Google Colab\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://github.com/tensorflow/tfx/tree/master/docs/tutorials/serving/rest_simple.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img width=\"32px\" src=\n",
+    "\t   \"https://www.tensorflow.org/images/GitHub-Mark-32px.png\">\n",
+    "      View source on GitHub\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" href=\n",
+    "     \"https://storage.googleapis.com/tensorflow_docs/tfx/docs/tutorials/serving/rest_simple.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\n",
+    "\t   \"https://www.tensorflow.org/images/download_logo_32px.png\">\n",
+    "      Download notebook\n",
+    "    </div>\n",
+    "  </a>\n",
+    "</div>"
+   ]
     },
     {
       "cell_type": "markdown",

diff --git a/docs/tutorials/tfx/components.ipynb b/docs/tutorials/tfx/components.ipynb
@@ -48,19 +48,42 @@
         "id": "LidV2qsXm4XC"
       },
       "source": [
-        "Note: We recommend running this tutorial in a Colab notebook, with no setup required!  Just click \"Run in Google Colab\".\n",
-        "\n",
-        "\u003cdiv class=\"devsite-table-wrapper\"\u003e\u003ctable class=\"tfo-notebook-buttons\" align=\"left\"\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://www.tensorflow.org/tfx/tutorials/tfx/components\"\u003e\n",
-        "\u003cimg src=\"https://www.tensorflow.org/images/tf_logo_32px.png\" /\u003eView on TensorFlow.org\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://colab.research.google.com/github/tensorflow/tfx/blob/master/docs/tutorials/tfx/components.ipynb\"\u003e\n",
-        "\u003cimg src=\"https://www.tensorflow.org/images/colab_logo_32px.png\"\u003eRun in Google Colab\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://github.com/tensorflow/tfx/tree/master/docs/tutorials/tfx/components.ipynb\"\u003e\n",
-        "\u003cimg width=32px src=\"https://www.tensorflow.org/images/GitHub-Mark-32px.png\"\u003eView source on GitHub\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003ctd\u003e\u003ca target=\"_blank\" href=\"https://storage.googleapis.com/tensorflow_docs/tfx/docs/tutorials/tfx/components.ipynb\"\u003e\n",
-        "\u003cimg width=32px src=\"https://www.tensorflow.org/images/download_logo_32px.png\"\u003eDownload notebook\u003c/a\u003e\u003c/td\u003e\n",
-        "\u003c/table\u003e\u003c/div\u003e"
-      ]
+    "Note: We recommend running this tutorial in a Colab notebook, with no setup required!  Just click \"Run in Google Colab\".\n",
+    "\n",
+    "<div class=\"buttons-wrapper\">\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://www.tensorflow.org/tfx/tutorials/tfx/components\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\"https://www.tensorflow.org/images/tf_logo_32px.png\">\n",
+    "      View on TensorFlow.org\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://colab.research.google.com/github/tensorflow/tfx/blob/master/docs/tutorials/tfx/components.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\n",
+    "\t   \"https://www.tensorflow.org/images/colab_logo_32px.png\">\n",
+    "      Run in Google Colab\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" target=\"_blank\" href=\n",
+    "     \"https://github.com/tensorflow/tfx/tree/master/docs/tutorials/tfx/components.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img width=\"32px\" src=\n",
+    "\t   \"https://www.tensorflow.org/images/GitHub-Mark-32px.png\">\n",
+    "      View source on GitHub\n",
+    "    </div>\n",
+    "  </a>\n",
+    "  <a class=\"md-button\" href=\n",
+    "     \"https://storage.googleapis.com/tensorflow_docs/tfx/docs/tutorials/tfx/components.ipynb\">\n",
+    "    <div class=\"buttons-content\">\n",
+    "      <img src=\n",
+    "\t   \"https://www.tensorflow.org/images/download_logo_32px.png\">\n",
+    "      Download notebook\n",
+    "    </div>\n",
+    "  </a>\n",
+    "</div>"
+   ]
     },
     {
       "cell_type": "markdown",