C2-Machine-learning-data-life-cycle-in-production/Week3/C2W3_Assignment.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "ppvHP8YzmJRu"
   },
   "source": [
    "# Week 3 Assignment:  Data Pipeline Components for Production ML\n",
    "\n",
    "In this last graded programming exercise of the course, you will put together all the lessons we've covered so far to handle the first three steps of a production machine learning project - Data ingestion, Data Validation, and Data Transformation.\n",
    "\n",
    "Specifically, you will build the production data pipeline by:\n",
    "\n",
    "*   Performing feature selection\n",
    "*   Ingesting the dataset\n",
    "*   Generating the statistics of the dataset\n",
    "*   Creating a schema as per the domain knowledge\n",
    "*   Creating schema environments\n",
    "*   Visualizing the dataset anomalies\n",
    "*   Preprocessing, transforming and engineering your features\n",
    "*   Tracking the provenance of your data pipeline using ML Metadata\n",
    "\n",
    "Most of these will look familiar already so try your best to do the exercises by recall or browsing the documentation. If you get stuck however, you can review the lessons in class and the ungraded labs. \n",
    "\n",
    "Let's begin!"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {
    "deletable": false,
    "editable": false
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "\u001b[32mGrader metadata detected! You can proceed with the lab!\u001b[0m\r\n"
     ]
    }
   ],
   "source": [
    "# IMPORTANT: This will check your notebook's metadata for grading.\n",
    "# Please do not continue the lab unless the output of this cell tells you to proceed. \n",
    "!python add_metadata.py --filename C2W3_Assignment.ipynb"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "_**NOTE:** To prevent errors from the autograder, you are not allowed to edit or delete non-graded cells in this notebook . Please only put your solutions in between the `### START CODE HERE` and `### END CODE HERE` code comments, and also refrain from adding any new cells. **Once you have passed this assignment** and want to experiment with any of the non-graded code, you may follow the instructions at the bottom of this notebook._"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Table of Contents\n",
    "\n",
    "- [1 - Imports](#1)\n",
    "- [2 - Load the Dataset](#2)\n",
    "- [3 - Feature Selection](#4)\n",
    "  - [Exercise 1 - Feature Selection](#ex-1)\n",
    "- [4 - Data Pipeline](#4)\n",
    "  - [4.1 - Setup the Interactive Context](#4-1)\n",
    "  - [4.2 - Generating Examples](#4-2)\n",
    "    - [Exercise 2 - ExampleGen](#ex-2)\n",
    "  - [4.3 - Computing Statistics](#4-3)\n",
    "    - [Exercise 3 - StatisticsGen](#ex-3)\n",
    "  - [4.4 - Inferring the Schema](#4-4)\n",
    "    - [Exercise 4 - SchemaGen](#ex-4)\n",
    "  - [4.5 - Curating the Schema](#4-5)\n",
    "    - [Exercise 5 - Curating the Schema](#ex-5)\n",
    "  - [4.6 - Schema Environments](#4-6)\n",
    "    - [Exercise 6 - Define the serving environment](#ex-6)\n",
    "  - [4.7 - Generate new statistics using the updated schema](#4-7)\n",
    "      - [Exercise 7 - ImportSchemaGen](#ex-7)\n",
    "      - [Exercise 8 - StatisticsGen with the new schema](#ex-8)\n",
    "  - [4.8 - Check anomalies](#4-8)\n",
    "      - [Exercise 9 - ExampleValidator](#ex-9)\n",
    "  - [4.9 - Feature Engineering](#4-9)\n",
    "      - [Exercise 10 - preprocessing function](#ex-10)\n",
    "      - [Exercise 11 - Transform](#ex-11)\n",
    "- [5 - ML Metadata](#5)\n",
    "  - [5.1 - Accessing stored artifacts](#5-1)\n",
    "  - [5.2 - Tracking artifacts](#5-2)\n",
    "    - [Exercise 12 - Get parent artifacts](#ex-12)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "5ZXjh6D9nOUX"
   },
   "source": [
    "<a name='1'></a>\n",
    "## 1 - Imports"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "deletable": false,
    "editable": false,
    "id": "TK6SyLhQP_s5",
    "outputId": "0559a068-e05f-4ff1-9fd4-1985ab50fff8",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "TensorFlow version: 2.6.0\n",
      "TFX version: 1.3.0\n",
      "TensorFlow Data Validation version: 1.3.0\n",
      "TensorFlow Transform version: 1.3.0\n"
     ]
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "import tensorflow as tf\n",
    "from tfx import v1 as tfx\n",
    "\n",
    "# TFX libraries\n",
    "import tensorflow_data_validation as tfdv\n",
    "import tensorflow_transform as tft\n",
    "from tfx.orchestration.experimental.interactive.interactive_context import InteractiveContext\n",
    "\n",
    "# For performing feature selection\n",
    "from sklearn.feature_selection import SelectKBest, f_classif\n",
    "\n",
    "# For feature visualization\n",
    "import matplotlib.pyplot as plt \n",
    "import seaborn as sns\n",
    "\n",
    "# Utilities\n",
    "from tensorflow.python.lib.io import file_io\n",
    "from tensorflow_metadata.proto.v0 import schema_pb2\n",
    "from google.protobuf.json_format import MessageToDict\n",
    "from  tfx.proto import example_gen_pb2\n",
    "from tfx.types import standard_artifacts\n",
    "from tensorflow_transform.tf_metadata import dataset_metadata, schema_utils\n",
    "import tensorflow_transform.beam as tft_beam\n",
    "import os\n",
    "import pprint\n",
    "import tempfile\n",
    "import pandas as pd\n",
    "\n",
    "# To ignore warnings from TF\n",
    "tf.get_logger().setLevel('ERROR')\n",
    "\n",
    "# For formatting print statements\n",
    "pp = pprint.PrettyPrinter()\n",
    "\n",
    "# Display versions of TF and TFX related packages\n",
    "print('TensorFlow version: {}'.format(tf.__version__))\n",
    "print('TFX version: {}'.format(tfx.__version__))\n",
    "print('TensorFlow Data Validation version: {}'.format(tfdv.__version__))\n",
    "print('TensorFlow Transform version: {}'.format(tft.__version__))"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "bsHcencfobKL"
   },
   "source": [
    "<a name='2'></a>\n",
    "## 2 - Load the dataset\n",
    "\n",
    "You are going to use a variant of the [Cover Type](https://archive.ics.uci.edu/ml/datasets/covertype) dataset. This can be used to train a model that predicts the forest cover type based on cartographic variables. You can read more about the *original* dataset [here](https://archive.ics.uci.edu/ml/machine-learning-databases/covtype/covtype.info) and we've outlined the data columns below:\n",
    "\n",
    "| Column Name | Variable Type | Units / Range | Description |\n",
    "| --------- | ------------ | ----- | ------------------- |\n",
    "| Elevation | quantitative |meters | Elevation in meters |\n",
    "| Aspect | quantitative | azimuth | Aspect in degrees azimuth |\n",
    "| Slope | quantitative | degrees | Slope in degrees |\n",
    "| Horizontal_Distance_To_Hydrology | quantitative | meters | Horz Dist to nearest surface water features |\n",
    "| Vertical_Distance_To_Hydrology | quantitative | meters | Vert Dist to nearest surface water features |\n",
    "| Horizontal_Distance_To_Roadways | quantitative | meters | Horz Dist to nearest roadway |\n",
    "| Hillshade_9am | quantitative | 0 to 255 index | Hillshade index at 9am, summer solstice |\n",
    "| Hillshade_Noon | quantitative | 0 to 255 index | Hillshade index at noon, summer soltice |\n",
    "| Hillshade_3pm | quantitative | 0 to 255 index | Hillshade index at 3pm, summer solstice |\n",
    "| Horizontal_Distance_To_Fire_Points | quantitative | meters | Horz Dist to nearest wildfire ignition points |\n",
    "| Wilderness_Area (4 binary columns) | qualitative | 0 (absence) or 1 (presence) | Wilderness area designation |\n",
    "| Soil_Type (40 binary columns) | qualitative | 0 (absence) or 1 (presence) | Soil Type designation |\n",
    "| Cover_Type (7 types) | integer | 1 to 7 | Forest Cover Type designation |\n",
    "\n",
    "As you may notice, the qualitative data has already been one-hot encoded (e.g. `Soil_Type` has 40 binary columns where a `1` indicates presence of a feature). For learning, we will use a modified version of this dataset that shows a more raw format. This will let you practice your skills in handling different data types. You can see the code for preparing the dataset [here](https://github.com/GoogleCloudPlatform/mlops-on-gcp/blob/master/datasets/covertype/wrangle/prepare.ipynb) if you want but it is **not required for this assignment**. The main changes include:\n",
    "\n",
    "* Converting `Wilderness_Area` and `Soil_Type` to strings.\n",
    "* Converting the `Cover_Type` range to [0, 6]\n",
    "\n",
    "Run the next cells to load the **modified** dataset to your workspace. "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [],
   "source": [
    "# # OPTIONAL: Just in case you want to restart the lab workspace *from scratch*, you\n",
    "# # can uncomment and run this block to delete previously created files and\n",
    "# # directories. \n",
    "\n",
    "# !rm -rf pipeline\n",
    "# !rm -rf data"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {
    "deletable": false,
    "editable": false,
    "id": "TBJqC6-HfymZ",
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Declare paths to the data\n",
    "DATA_DIR = './data'\n",
    "TRAINING_DIR = f'{DATA_DIR}/training'\n",
    "TRAINING_DATA = f'{TRAINING_DIR}/dataset.csv'\n",
    "\n",
    "# Create the directory\n",
    "!mkdir -p {TRAINING_DIR}"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "B-o0Pk8nf7FZ",
    "outputId": "591a7532-3c8a-4111-966d-476f53396497"
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "File ‘./data/training/dataset.csv’ already there; not retrieving.\r\n",
      "\r\n"
     ]
    }
   ],
   "source": [
    "# download the dataset\n",
    "!wget -nc https://storage.googleapis.com/mlep-public/course_2/week3/dataset.csv -P {TRAINING_DIR}"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "N0gqgbTF2Cgl"
   },
   "source": [
    "<a name='3'></a>\n",
    "## 3 - Feature Selection\n",
    "\n",
    "For your first task, you will reduce the number of features to feed to the model. As mentioned in Week 2, this will help reduce the complexity of your model and save resources while training. Let's assume that you already have a baseline model that is trained on all features and you want to see if reducing the number of features will generate a better model. You will want to select a subset that has great predictive value to the label (in this case the `Cover_Type`). Let's do that in the following cells.\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 224
    },
    "deletable": false,
    "editable": false,
    "id": "I6MverMGJwg8",
    "outputId": "1d4b24f9-a17b-417b-f596-4e1723109326",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Elevation</th>\n",
       "      <th>Aspect</th>\n",
       "      <th>Slope</th>\n",
       "      <th>Horizontal_Distance_To_Hydrology</th>\n",
       "      <th>Vertical_Distance_To_Hydrology</th>\n",
       "      <th>Horizontal_Distance_To_Roadways</th>\n",
       "      <th>Hillshade_9am</th>\n",
       "      <th>Hillshade_Noon</th>\n",
       "      <th>Hillshade_3pm</th>\n",
       "      <th>Horizontal_Distance_To_Fire_Points</th>\n",
       "      <th>Wilderness_Area</th>\n",
       "      <th>Soil_Type</th>\n",
       "      <th>Cover_Type</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>2596</td>\n",
       "      <td>51</td>\n",
       "      <td>3</td>\n",
       "      <td>258</td>\n",
       "      <td>0</td>\n",
       "      <td>510</td>\n",
       "      <td>221</td>\n",
       "      <td>232</td>\n",
       "      <td>148</td>\n",
       "      <td>6279</td>\n",
       "      <td>Rawah</td>\n",
       "      <td>C7745</td>\n",
       "      <td>4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>2590</td>\n",
       "      <td>56</td>\n",
       "      <td>2</td>\n",
       "      <td>212</td>\n",
       "      <td>-6</td>\n",
       "      <td>390</td>\n",
       "      <td>220</td>\n",
       "      <td>235</td>\n",
       "      <td>151</td>\n",
       "      <td>6225</td>\n",
       "      <td>Rawah</td>\n",
       "      <td>C7745</td>\n",
       "      <td>4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>2804</td>\n",
       "      <td>139</td>\n",
       "      <td>9</td>\n",
       "      <td>268</td>\n",
       "      <td>65</td>\n",
       "      <td>3180</td>\n",
       "      <td>234</td>\n",
       "      <td>238</td>\n",
       "      <td>135</td>\n",
       "      <td>6121</td>\n",
       "      <td>Rawah</td>\n",
       "      <td>C4744</td>\n",
       "      <td>1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>2785</td>\n",
       "      <td>155</td>\n",
       "      <td>18</td>\n",
       "      <td>242</td>\n",
       "      <td>118</td>\n",
       "      <td>3090</td>\n",
       "      <td>238</td>\n",
       "      <td>238</td>\n",
       "      <td>122</td>\n",
       "      <td>6211</td>\n",
       "      <td>Rawah</td>\n",
       "      <td>C7746</td>\n",
       "      <td>1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>2595</td>\n",
       "      <td>45</td>\n",
       "      <td>2</td>\n",
       "      <td>153</td>\n",
       "      <td>-1</td>\n",
       "      <td>391</td>\n",
       "      <td>220</td>\n",
       "      <td>234</td>\n",
       "      <td>150</td>\n",
       "      <td>6172</td>\n",
       "      <td>Rawah</td>\n",
       "      <td>C7745</td>\n",
       "      <td>4</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   Elevation  Aspect  Slope  Horizontal_Distance_To_Hydrology  \\\n",
       "0       2596      51      3                               258   \n",
       "1       2590      56      2                               212   \n",
       "2       2804     139      9                               268   \n",
       "3       2785     155     18                               242   \n",
       "4       2595      45      2                               153   \n",
       "\n",
       "   Vertical_Distance_To_Hydrology  Horizontal_Distance_To_Roadways  \\\n",
       "0                               0                              510   \n",
       "1                              -6                              390   \n",
       "2                              65                             3180   \n",
       "3                             118                             3090   \n",
       "4                              -1                              391   \n",
       "\n",
       "   Hillshade_9am  Hillshade_Noon  Hillshade_3pm  \\\n",
       "0            221             232            148   \n",
       "1            220             235            151   \n",
       "2            234             238            135   \n",
       "3            238             238            122   \n",
       "4            220             234            150   \n",
       "\n",
       "   Horizontal_Distance_To_Fire_Points Wilderness_Area Soil_Type  Cover_Type  \n",
       "0                                6279           Rawah     C7745           4  \n",
       "1                                6225           Rawah     C7745           4  \n",
       "2                                6121           Rawah     C4744           1  \n",
       "3                                6211           Rawah     C7746           1  \n",
       "4                                6172           Rawah     C7745           4  "
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Load the dataset to a dataframe\n",
    "df = pd.read_csv(TRAINING_DATA)\n",
    "\n",
    "# Preview the dataset\n",
    "df.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "Elevation                              int64\n",
       "Aspect                                 int64\n",
       "Slope                                  int64\n",
       "Horizontal_Distance_To_Hydrology       int64\n",
       "Vertical_Distance_To_Hydrology         int64\n",
       "Horizontal_Distance_To_Roadways        int64\n",
       "Hillshade_9am                          int64\n",
       "Hillshade_Noon                         int64\n",
       "Hillshade_3pm                          int64\n",
       "Horizontal_Distance_To_Fire_Points     int64\n",
       "Wilderness_Area                       object\n",
       "Soil_Type                             object\n",
       "Cover_Type                             int64\n",
       "dtype: object"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Show the data type of each column\n",
    "df.dtypes"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Looking at the data types of each column and the dataset description at the start of this notebook, you can see that most of the features are numeric and only two are not. This needs to be taken into account when selecting the subset of features because numeric and categorical features are scored differently. Let's create a temporary dataframe that only contains the numeric features so we can use it in the next sections."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {
    "deletable": false,
    "editable": false,
    "id": "uvmtVXtJeUOx",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Elevation</th>\n",
       "      <th>Aspect</th>\n",
       "      <th>Slope</th>\n",
       "      <th>Horizontal_Distance_To_Hydrology</th>\n",
       "      <th>Vertical_Distance_To_Hydrology</th>\n",
       "      <th>Horizontal_Distance_To_Roadways</th>\n",
       "      <th>Hillshade_9am</th>\n",
       "      <th>Hillshade_Noon</th>\n",
       "      <th>Hillshade_3pm</th>\n",
       "      <th>Horizontal_Distance_To_Fire_Points</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>2596</td>\n",
       "      <td>51</td>\n",
       "      <td>3</td>\n",
       "      <td>258</td>\n",
       "      <td>0</td>\n",
       "      <td>510</td>\n",
       "      <td>221</td>\n",
       "      <td>232</td>\n",
       "      <td>148</td>\n",
       "      <td>6279</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>2590</td>\n",
       "      <td>56</td>\n",
       "      <td>2</td>\n",
       "      <td>212</td>\n",
       "      <td>-6</td>\n",
       "      <td>390</td>\n",
       "      <td>220</td>\n",
       "      <td>235</td>\n",
       "      <td>151</td>\n",
       "      <td>6225</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>2804</td>\n",
       "      <td>139</td>\n",
       "      <td>9</td>\n",
       "      <td>268</td>\n",
       "      <td>65</td>\n",
       "      <td>3180</td>\n",
       "      <td>234</td>\n",
       "      <td>238</td>\n",
       "      <td>135</td>\n",
       "      <td>6121</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>2785</td>\n",
       "      <td>155</td>\n",
       "      <td>18</td>\n",
       "      <td>242</td>\n",
       "      <td>118</td>\n",
       "      <td>3090</td>\n",
       "      <td>238</td>\n",
       "      <td>238</td>\n",
       "      <td>122</td>\n",
       "      <td>6211</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>2595</td>\n",
       "      <td>45</td>\n",
       "      <td>2</td>\n",
       "      <td>153</td>\n",
       "      <td>-1</td>\n",
       "      <td>391</td>\n",
       "      <td>220</td>\n",
       "      <td>234</td>\n",
       "      <td>150</td>\n",
       "      <td>6172</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   Elevation  Aspect  Slope  Horizontal_Distance_To_Hydrology  \\\n",
       "0       2596      51      3                               258   \n",
       "1       2590      56      2                               212   \n",
       "2       2804     139      9                               268   \n",
       "3       2785     155     18                               242   \n",
       "4       2595      45      2                               153   \n",
       "\n",
       "   Vertical_Distance_To_Hydrology  Horizontal_Distance_To_Roadways  \\\n",
       "0                               0                              510   \n",
       "1                              -6                              390   \n",
       "2                              65                             3180   \n",
       "3                             118                             3090   \n",
       "4                              -1                              391   \n",
       "\n",
       "   Hillshade_9am  Hillshade_Noon  Hillshade_3pm  \\\n",
       "0            221             232            148   \n",
       "1            220             235            151   \n",
       "2            234             238            135   \n",
       "3            238             238            122   \n",
       "4            220             234            150   \n",
       "\n",
       "   Horizontal_Distance_To_Fire_Points  \n",
       "0                                6279  \n",
       "1                                6225  \n",
       "2                                6121  \n",
       "3                                6211  \n",
       "4                                6172  "
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Copy original dataset\n",
    "df_num = df.copy()\n",
    "\n",
    "# Categorical columns\n",
    "cat_columns = ['Wilderness_Area', 'Soil_Type']\n",
    "\n",
    "# Label column\n",
    "label_column = ['Cover_Type']\n",
    "\n",
    "# Drop the categorical and label columns\n",
    "df_num.drop(cat_columns, axis=1, inplace=True)\n",
    "df_num.drop(label_column, axis=1, inplace=True)\n",
    "\n",
    "# Preview the resuls\n",
    "df_num.head()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "You will use scikit-learn's built-in modules to perform [univariate feature selection](https://scikit-learn.org/stable/modules/feature_selection.html#univariate-feature-selection) on our dataset's numeric attributes. First, you need to prepare the input and target features:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {
    "deletable": false,
    "editable": false,
    "id": "0ShO1olUeiUb",
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Set the target values\n",
    "y = df[label_column].values\n",
    "\n",
    "# Set the input values\n",
    "X = df_num.values"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Afterwards, you will use [SelectKBest](https://scikit-learn.org/stable/modules/generated/sklearn.feature_selection.SelectKBest.html#sklearn.feature_selection.SelectKBest) to score each input feature against the target variable. Be mindful of the scoring function to pass in and make sure it is appropriate for the input (numeric) and target (categorical) values."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "8QlfkDyfGKDv"
   },
   "source": [
    "<a name='ex-1'></a>\n",
    "### Exercise 1: Feature Selection\n",
    "\n",
    "Complete the code below to select the top 8 features of the numeric columns."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "deletable": false,
    "id": "bQgcpJqSenLq",
    "outputId": "30bd52c9-452f-4c99-d107-d7c708c4f00b",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "                              Columns  Retain\n",
      "0                           Elevation    True\n",
      "1                              Aspect   False\n",
      "2                               Slope    True\n",
      "3    Horizontal_Distance_To_Hydrology    True\n",
      "4      Vertical_Distance_To_Hydrology    True\n",
      "5     Horizontal_Distance_To_Roadways    True\n",
      "6                       Hillshade_9am    True\n",
      "7                      Hillshade_Noon    True\n",
      "8                       Hillshade_3pm   False\n",
      "9  Horizontal_Distance_To_Fire_Points    True\n"
     ]
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "### START CODE HERE ###\n",
    "\n",
    "# Create SelectKBest object using f_classif (ANOVA statistics) for 8 classes\n",
    "select_k_best = SelectKBest(score_func=f_classif,k=8)\n",
    "\n",
    "# Fit and transform the input data using select_k_best\n",
    "X_new = select_k_best.fit_transform(X, y)\n",
    "\n",
    "# Extract the features which are selected using get_support API\n",
    "features_mask = select_k_best.get_support()\n",
    "\n",
    "### END CODE HERE ###\n",
    "\n",
    "# Print the results\n",
    "reqd_cols = pd.DataFrame({'Columns': df_num.columns, 'Retain': features_mask})\n",
    "print(reqd_cols)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "**Expected Output:**\n",
    "\n",
    "```\n",
    "                              Columns  Retain\n",
    "0                           Elevation    True\n",
    "1                              Aspect   False\n",
    "2                               Slope    True\n",
    "3    Horizontal_Distance_To_Hydrology    True\n",
    "4      Vertical_Distance_To_Hydrology    True\n",
    "5     Horizontal_Distance_To_Roadways    True\n",
    "6                       Hillshade_9am    True\n",
    "7                      Hillshade_Noon    True\n",
    "8                       Hillshade_3pm   False\n",
    "9  Horizontal_Distance_To_Fire_Points    True\n",
    "```"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "If you got the expected results, you can now select this subset of features from the original dataframe and save it to a new directory in your workspace."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {
    "deletable": false,
    "editable": false,
    "id": "9A2jsRvhd-dR",
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Set the paths to the reduced dataset\n",
    "TRAINING_DIR_FSELECT = f'{TRAINING_DIR}/fselect'\n",
    "TRAINING_DATA_FSELECT = f'{TRAINING_DIR_FSELECT}/dataset.csv'\n",
    "\n",
    "# Create the directory\n",
    "!mkdir -p {TRAINING_DIR_FSELECT}"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 224
    },
    "deletable": false,
    "editable": false,
    "id": "P3f_iNgne7Tk",
    "outputId": "e25283a4-1aac-4294-a085-8371f9245684",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Elevation</th>\n",
       "      <th>Slope</th>\n",
       "      <th>Horizontal_Distance_To_Hydrology</th>\n",
       "      <th>Vertical_Distance_To_Hydrology</th>\n",
       "      <th>Horizontal_Distance_To_Roadways</th>\n",
       "      <th>Hillshade_9am</th>\n",
       "      <th>Hillshade_Noon</th>\n",
       "      <th>Horizontal_Distance_To_Fire_Points</th>\n",
       "      <th>Wilderness_Area</th>\n",
       "      <th>Soil_Type</th>\n",
       "      <th>Cover_Type</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>2596</td>\n",
       "      <td>3</td>\n",
       "      <td>258</td>\n",
       "      <td>0</td>\n",
       "      <td>510</td>\n",
       "      <td>221</td>\n",
       "      <td>232</td>\n",
       "      <td>6279</td>\n",
       "      <td>Rawah</td>\n",
       "      <td>C7745</td>\n",
       "      <td>4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>2590</td>\n",
       "      <td>2</td>\n",
       "      <td>212</td>\n",
       "      <td>-6</td>\n",
       "      <td>390</td>\n",
       "      <td>220</td>\n",
       "      <td>235</td>\n",
       "      <td>6225</td>\n",
       "      <td>Rawah</td>\n",
       "      <td>C7745</td>\n",
       "      <td>4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>2804</td>\n",
       "      <td>9</td>\n",
       "      <td>268</td>\n",
       "      <td>65</td>\n",
       "      <td>3180</td>\n",
       "      <td>234</td>\n",
       "      <td>238</td>\n",
       "      <td>6121</td>\n",
       "      <td>Rawah</td>\n",
       "      <td>C4744</td>\n",
       "      <td>1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>2785</td>\n",
       "      <td>18</td>\n",
       "      <td>242</td>\n",
       "      <td>118</td>\n",
       "      <td>3090</td>\n",
       "      <td>238</td>\n",
       "      <td>238</td>\n",
       "      <td>6211</td>\n",
       "      <td>Rawah</td>\n",
       "      <td>C7746</td>\n",
       "      <td>1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>2595</td>\n",
       "      <td>2</td>\n",
       "      <td>153</td>\n",
       "      <td>-1</td>\n",
       "      <td>391</td>\n",
       "      <td>220</td>\n",
       "      <td>234</td>\n",
       "      <td>6172</td>\n",
       "      <td>Rawah</td>\n",
       "      <td>C7745</td>\n",
       "      <td>4</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   Elevation  Slope  Horizontal_Distance_To_Hydrology  \\\n",
       "0       2596      3                               258   \n",
       "1       2590      2                               212   \n",
       "2       2804      9                               268   \n",
       "3       2785     18                               242   \n",
       "4       2595      2                               153   \n",
       "\n",
       "   Vertical_Distance_To_Hydrology  Horizontal_Distance_To_Roadways  \\\n",
       "0                               0                              510   \n",
       "1                              -6                              390   \n",
       "2                              65                             3180   \n",
       "3                             118                             3090   \n",
       "4                              -1                              391   \n",
       "\n",
       "   Hillshade_9am  Hillshade_Noon  Horizontal_Distance_To_Fire_Points  \\\n",
       "0            221             232                                6279   \n",
       "1            220             235                                6225   \n",
       "2            234             238                                6121   \n",
       "3            238             238                                6211   \n",
       "4            220             234                                6172   \n",
       "\n",
       "  Wilderness_Area Soil_Type  Cover_Type  \n",
       "0           Rawah     C7745           4  \n",
       "1           Rawah     C7745           4  \n",
       "2           Rawah     C4744           1  \n",
       "3           Rawah     C7746           1  \n",
       "4           Rawah     C7745           4  "
      ]
     },
     "execution_count": 11,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Get the feature names from SelectKBest\n",
    "feature_names = list(df_num.columns[features_mask])\n",
    "\n",
    "# Append the categorical and label columns\n",
    "feature_names = feature_names + cat_columns + label_column\n",
    "\n",
    "# Select the selected subset of columns\n",
    "df_select = df[feature_names]\n",
    "\n",
    "# Write CSV to the created directory\n",
    "df_select.to_csv(TRAINING_DATA_FSELECT, index=False)\n",
    "\n",
    "# Preview the results\n",
    "df_select.head()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "8HeAEQLAhg8I"
   },
   "source": [
    "<a name='4'></a>\n",
    "## 4 - Data Pipeline\n",
    "\n",
    "With the selected subset of features prepared, you can now start building the data pipeline. This involves ingesting, validating, and transforming your data. You will be using the TFX components you've already encountered in the ungraded labs and you can look them up here in the [official documentation](https://www.tensorflow.org/tfx/api_docs/python/tfx/components)."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "ZES9v8ggpDv8"
   },
   "source": [
    "<a name='4-1'></a>\n",
    "### 4.1 - Setup the Interactive Context\n",
    "\n",
    "As usual, you will first setup the Interactive Context so you can manually execute the pipeline components from the notebook. You will save the sqlite database in a pre-defined directory in your workspace. Please do not modify this path because you will need this in a later exercise involving ML Metadata."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "deletable": false,
    "editable": false,
    "id": "8G-G-xLO3lkt",
    "outputId": "d956b6ef-fc1f-4beb-f3c4-0628a3690d90",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "WARNING:absl:InteractiveContext metadata_connection_config not provided: using SQLite ML Metadata database at ./pipeline/metadata.sqlite.\n"
     ]
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Location of the pipeline metadata store\n",
    "PIPELINE_DIR = './pipeline'\n",
    "\n",
    "# Declare the InteractiveContext and use a local sqlite file as the metadata store.\n",
    "context = InteractiveContext(pipeline_root=PIPELINE_DIR)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "Rzm9d4G0hynL"
   },
   "source": [
    "<a name='4-2'></a>\n",
    "### 4.2 - Generating Examples\n",
    "\n",
    "The first step in the pipeline is to ingest the data. Using [ExampleGen](https://www.tensorflow.org/tfx/guide/examplegen), you can convert raw data to TFRecords for faster computation in the later stages of the pipeline."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "C_jT4_QvOJOb"
   },
   "source": [
    "<a name='ex-2'></a>\n",
    "#### Exercise 2: ExampleGen\n",
    "\n",
    "Use `ExampleGen` to ingest the dataset we loaded earlier. Some things to note:\n",
    "\n",
    "* The input is in CSV format so you will need to use the appropriate type of `ExampleGen` to handle it. \n",
    "* This function accepts a *directory* path to the training data and not the CSV file path itself. \n",
    "\n",
    "This will take a couple of minutes to run."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "metadata": {
    "id": "mq8P5Fx3hSOB"
   },
   "outputs": [],
   "source": [
    "# # NOTE: Uncomment and run this if you get an error saying there are different \n",
    "# # headers in the dataset. This is usually because of the notebook checkpoints saved in \n",
    "# # that folder.\n",
    "# !rm -rf {TRAINING_DIR}/.ipynb_checkpoints\n",
    "# !rm -rf {TRAINING_DIR_FSELECT}/.ipynb_checkpoints\n",
    "# !rm -rf {SERVING_DIR}/.ipynb_checkpoints"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 213
    },
    "deletable": false,
    "id": "EL3CZQcg3lku",
    "outputId": "6a51a564-647b-4bca-f21f-37736e01ebef",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "application/javascript": "\n        if (typeof window.interactive_beam_jquery == 'undefined') {\n          var jqueryScript = document.createElement('script');\n          jqueryScript.src = 'https://code.jquery.com/jquery-3.4.1.slim.min.js';\n          jqueryScript.type = 'text/javascript';\n          jqueryScript.onload = function() {\n            var datatableScript = document.createElement('script');\n            datatableScript.src = 'https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js';\n            datatableScript.type = 'text/javascript';\n            datatableScript.onload = function() {\n              window.interactive_beam_jquery = jQuery.noConflict(true);\n              window.interactive_beam_jquery(document).ready(function($){\n                \n              });\n            }\n            document.head.appendChild(datatableScript);\n          };\n          document.head.appendChild(jqueryScript);\n        } else {\n          window.interactive_beam_jquery(document).ready(function($){\n            \n          });\n        }"
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "WARNING:root:Make sure that locally built Python SDK docker image has Python 3.8 interpreter.\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "<style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object expanded\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">ExecutionResult</span><span class=\"deemphasize\"> at 0x7ff9ec2e5ca0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.execution_id</td><td class = \"attrvalue\">9</td></tr><tr><td class=\"attr-name\">.component</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">CsvExampleGen</span><span class=\"deemphasize\"> at 0x7ff9ceef19d0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.inputs</td><td class = \"attrvalue\">{}</td></tr><tr><td class=\"attr-name\">.outputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['examples']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Examples'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1940</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Examples</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Examples'</span> (uri: ./pipeline/CsvExampleGen/examples/9)<span class=\"deemphasize\"> at 0x7ff9ec296b50</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Examples&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/CsvExampleGen/examples/9</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr><tr><td class=\"attr-name\">.version</td><td class = \"attrvalue\">0</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.exec_properties</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['input_base']</td><td class = \"attrvalue\">./data/training/fselect</td></tr><tr><td class=\"attr-name\">['input_config']</td><td class = \"attrvalue\">{\n",
       "  &quot;splits&quot;: [\n",
       "    {\n",
       "      &quot;name&quot;: &quot;single_split&quot;,\n",
       "      &quot;pattern&quot;: &quot;*&quot;\n",
       "    }\n",
       "  ]\n",
       "}</td></tr><tr><td class=\"attr-name\">['output_config']</td><td class = \"attrvalue\">{\n",
       "  &quot;split_config&quot;: {\n",
       "    &quot;splits&quot;: [\n",
       "      {\n",
       "        &quot;hash_buckets&quot;: 2,\n",
       "        &quot;name&quot;: &quot;train&quot;\n",
       "      },\n",
       "      {\n",
       "        &quot;hash_buckets&quot;: 1,\n",
       "        &quot;name&quot;: &quot;eval&quot;\n",
       "      }\n",
       "    ]\n",
       "  }\n",
       "}</td></tr><tr><td class=\"attr-name\">['output_data_format']</td><td class = \"attrvalue\">6</td></tr><tr><td class=\"attr-name\">['output_file_format']</td><td class = \"attrvalue\">5</td></tr><tr><td class=\"attr-name\">['custom_config']</td><td class = \"attrvalue\">None</td></tr><tr><td class=\"attr-name\">['range_config']</td><td class = \"attrvalue\">None</td></tr><tr><td class=\"attr-name\">['span']</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">['version']</td><td class = \"attrvalue\">None</td></tr><tr><td class=\"attr-name\">['input_fingerprint']</td><td class = \"attrvalue\">split:single_split,num_files:1,total_bytes:27713036,xor_checksum:1680338851,sum_checksum:1680338851</td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">.component.inputs</td><td class = \"attrvalue\">{}</td></tr><tr><td class=\"attr-name\">.component.outputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['examples']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Examples'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1940</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Examples</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Examples'</span> (uri: ./pipeline/CsvExampleGen/examples/9)<span class=\"deemphasize\"> at 0x7ff9ec296b50</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Examples&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/CsvExampleGen/examples/9</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr><tr><td class=\"attr-name\">.version</td><td class = \"attrvalue\">0</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></div>"
      ],
      "text/plain": [
       "ExecutionResult(\n",
       "    component_id: CsvExampleGen\n",
       "    execution_id: 9\n",
       "    outputs:\n",
       "        examples: Channel(\n",
       "            type_name: Examples\n",
       "            artifacts: [Artifact(artifact: id: 15\n",
       "        type_id: 14\n",
       "        uri: \"./pipeline/CsvExampleGen/examples/9\"\n",
       "        properties {\n",
       "          key: \"split_names\"\n",
       "          value {\n",
       "            string_value: \"[\\\"train\\\", \\\"eval\\\"]\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"file_format\"\n",
       "          value {\n",
       "            string_value: \"tfrecords_gzip\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"input_fingerprint\"\n",
       "          value {\n",
       "            string_value: \"split:single_split,num_files:1,total_bytes:27713036,xor_checksum:1680338851,sum_checksum:1680338851\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"payload_format\"\n",
       "          value {\n",
       "            string_value: \"FORMAT_TF_EXAMPLE\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"span\"\n",
       "          value {\n",
       "            int_value: 0\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"state\"\n",
       "          value {\n",
       "            string_value: \"published\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"tfx_version\"\n",
       "          value {\n",
       "            string_value: \"1.3.0\"\n",
       "          }\n",
       "        }\n",
       "        state: LIVE\n",
       "        , artifact_type: id: 14\n",
       "        name: \"Examples\"\n",
       "        properties {\n",
       "          key: \"span\"\n",
       "          value: INT\n",
       "        }\n",
       "        properties {\n",
       "          key: \"split_names\"\n",
       "          value: STRING\n",
       "        }\n",
       "        properties {\n",
       "          key: \"version\"\n",
       "          value: INT\n",
       "        }\n",
       "        )]\n",
       "            additional_properties: {}\n",
       "            additional_custom_properties: {}\n",
       "        ))"
      ]
     },
     "execution_count": 13,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "### START CODE HERE\n",
    "\n",
    "# Instantiate ExampleGen with the input CSV dataset\n",
    "example_gen = tfx.components.CsvExampleGen(input_base=TRAINING_DIR_FSELECT)\n",
    "\n",
    "# Run the component using the InteractiveContext instance\n",
    "context.run(example_gen)\n",
    "\n",
    "### END CODE HERE"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "zd3k6iIni-FE"
   },
   "source": [
    "<a name='4-3'></a>\n",
    "### 4.3 - Computing Statistics\n",
    "\n",
    "Next, you will compute the statistics of your data. This will allow you to observe and analyze characteristics of your data through visualizations provided by the integrated [FACETS](https://pair-code.github.io/facets/) library."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "vz5G_wYnVsHP"
   },
   "source": [
    "<a name='ex-3'></a>\n",
    "#### Exercise 3: StatisticsGen\n",
    "\n",
    "Use [StatisticsGen](https://www.tensorflow.org/tfx/guide/statsgen) to compute the statistics of the output examples of `ExampleGen`. "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 174
    },
    "deletable": false,
    "id": "5u2EOMOm3lkw",
    "outputId": "c9ccf090-db40-4f7b-932f-3ddaa61282f8",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "WARNING:root:Make sure that locally built Python SDK docker image has Python 3.8 interpreter.\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "<style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object expanded\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">ExecutionResult</span><span class=\"deemphasize\"> at 0x7ff9ec2ddd30</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.execution_id</td><td class = \"attrvalue\">10</td></tr><tr><td class=\"attr-name\">.component</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">StatisticsGen</span><span class=\"deemphasize\"> at 0x7ff9ceef1d30</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.inputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['examples']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Examples'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1940</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Examples</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Examples'</span> (uri: ./pipeline/CsvExampleGen/examples/9)<span class=\"deemphasize\"> at 0x7ff9ec296b50</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Examples&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/CsvExampleGen/examples/9</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr><tr><td class=\"attr-name\">.version</td><td class = \"attrvalue\">0</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.outputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['statistics']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1e80</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleStatistics</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (uri: ./pipeline/StatisticsGen/statistics/10)<span class=\"deemphasize\"> at 0x7ff9c6951a90</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleStatistics&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/StatisticsGen/statistics/10</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.exec_properties</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['stats_options_json']</td><td class = \"attrvalue\">None</td></tr><tr><td class=\"attr-name\">['exclude_splits']</td><td class = \"attrvalue\">[]</td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">.component.inputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['examples']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Examples'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1940</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Examples</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Examples'</span> (uri: ./pipeline/CsvExampleGen/examples/9)<span class=\"deemphasize\"> at 0x7ff9ec296b50</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Examples&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/CsvExampleGen/examples/9</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr><tr><td class=\"attr-name\">.version</td><td class = \"attrvalue\">0</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.component.outputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['statistics']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1e80</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleStatistics</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (uri: ./pipeline/StatisticsGen/statistics/10)<span class=\"deemphasize\"> at 0x7ff9c6951a90</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleStatistics&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/StatisticsGen/statistics/10</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></div>"
      ],
      "text/plain": [
       "ExecutionResult(\n",
       "    component_id: StatisticsGen\n",
       "    execution_id: 10\n",
       "    outputs:\n",
       "        statistics: Channel(\n",
       "            type_name: ExampleStatistics\n",
       "            artifacts: [Artifact(artifact: id: 16\n",
       "        type_id: 16\n",
       "        uri: \"./pipeline/StatisticsGen/statistics/10\"\n",
       "        properties {\n",
       "          key: \"split_names\"\n",
       "          value {\n",
       "            string_value: \"[\\\"train\\\", \\\"eval\\\"]\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"name\"\n",
       "          value {\n",
       "            string_value: \"statistics\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"producer_component\"\n",
       "          value {\n",
       "            string_value: \"StatisticsGen\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"state\"\n",
       "          value {\n",
       "            string_value: \"published\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"tfx_version\"\n",
       "          value {\n",
       "            string_value: \"1.3.0\"\n",
       "          }\n",
       "        }\n",
       "        state: LIVE\n",
       "        , artifact_type: id: 16\n",
       "        name: \"ExampleStatistics\"\n",
       "        properties {\n",
       "          key: \"span\"\n",
       "          value: INT\n",
       "        }\n",
       "        properties {\n",
       "          key: \"split_names\"\n",
       "          value: STRING\n",
       "        }\n",
       "        )]\n",
       "            additional_properties: {}\n",
       "            additional_custom_properties: {}\n",
       "        ))"
      ]
     },
     "execution_count": 15,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "### START CODE HERE\n",
    "\n",
    "# Instantiate StatisticsGen with the ExampleGen ingested dataset\n",
    "statistics_gen = tfx.components.StatisticsGen(examples=example_gen.outputs['examples'])\n",
    "    \n",
    "\n",
    "# Run the component\n",
    "context.run(statistics_gen)\n",
    "### END CODE HERE"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 16,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 1000
    },
    "id": "exyb-VKD3lkw",
    "outputId": "5199d8aa-ca12-49ea-886b-2b8168de8614",
    "tags": []
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<b>Artifact at ./pipeline/StatisticsGen/statistics/10</b><br/><br/>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<div><b>'train' split:</b></div><br/>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<iframe id='facets-iframe' width=\"100%\" height=\"500px\"></iframe>\n",
       "        <script>\n",
       "        facets_iframe = document.getElementById('facets-iframe');\n",
       "        facets_html = '<script src=\"https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.3.3/webcomponents-lite.js\"><\\/script><link rel=\"import\" href=\"https://raw.githubusercontent.com/PAIR-code/facets/master/facets-dist/facets-jupyter.html\"><facets-overview proto-input=\"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\"></facets-overview>';\n",
       "        facets_iframe.srcdoc = facets_html;\n",
       "         facets_iframe.id = \"\";\n",
       "         setTimeout(() => {\n",
       "           facets_iframe.setAttribute('height', facets_iframe.contentWindow.document.body.offsetHeight + 'px')\n",
       "         }, 1500)\n",
       "         </script>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<div><b>'eval' split:</b></div><br/>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<iframe id='facets-iframe' width=\"100%\" height=\"500px\"></iframe>\n",
       "        <script>\n",
       "        facets_iframe = document.getElementById('facets-iframe');\n",
       "        facets_html = '<script src=\"https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.3.3/webcomponents-lite.js\"><\\/script><link rel=\"import\" href=\"https://raw.githubusercontent.com/PAIR-code/facets/master/facets-dist/facets-jupyter.html\"><facets-overview proto-input=\"CrVTCg5saHNfc3RhdGlzdGljcxC65gsaqwwQAiKZDAq4Agi65gsYASABLQAAgD8ypAIaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQCABQLrmCxAoGhASBUM3NzQ1GQAAAACgwOJAGhASBUM3MjAyGQAAAACAvdJAGhASBUM3NzU2GQAAAACAJNFAGhASBUM3NzU3GQAAAAAALs1AGhASBUM3MjAxGQAAAACAkMVAGhASBUM0NzAzGQAAAACAdcVAGhASBUM3NzQ2GQAAAAAAesNAGhASBUM0NzQ0GQAAAAAAXMNAGhASBUM3NzU1GQAAAACAzsBAGhASBUM3NzAwGQAAAAAAw7tAGhASBUM0NzU4GQAAAAAAlrZAGhASBUM4NzcxGQAAAAAA+7NAGhASBUM4NzcyGQAAAAAA37FAGhASBUMyNzA1GQAAAAAAX7BAGhASBUM0NzA0GQAAAAAA7q9AGhASBUM3MTAyGQAAAAAAAKhAGhASBUM4Nzc2GQAAAAAALKdAGhASBUMyNzAzGQAAAAAATKNAGhASBUMyNzE3GQAAAAAATqFAGhASBUMyNzA0GQAAAAAAAJlAJQAAoEAq7AYKECIFQzc3NDUpAAAAAKDA4kAKFAgBEAEiBUM3MjAyKQAAAACAvdJAChQIAhACIgVDNzc1NikAAAAAgCTRQAoUCAMQAyIFQzc3NTcpAAAAAAAuzUAKFAgEEAQiBUM3MjAxKQAAAACAkMVAChQIBRAFIgVDNDcwMykAAAAAgHXFQAoUCAYQBiIFQzc3NDYpAAAAAAB6w0AKFAgHEAciBUM0NzQ0KQAAAAAAXMNAChQICBAIIgVDNzc1NSkAAAAAgM7AQAoUCAkQCSIFQzc3MDApAAAAAADDu0AKFAgKEAoiBUM0NzU4KQAAAAAAlrZAChQICxALIgVDODc3MSkAAAAAAPuzQAoUCAwQDCIFQzg3NzIpAAAAAADfsUAKFAgNEA0iBUMyNzA1KQAAAAAAX7BAChQIDhAOIgVDNDcwNCkAAAAAAO6vQAoUCA8QDyIFQzcxMDIpAAAAAAAAqEAKFAgQEBAiBUM4Nzc2KQAAAAAALKdAChQIERARIgVDMjcwMykAAAAAAEyjQAoUCBIQEiIFQzI3MTcpAAAAAABOoUAKFAgTEBMiBUMyNzA0KQAAAAAAAJlAChQIFBAUIgVDNzEwMSkAAAAAANyUQAoUCBUQFSIFQzYxMDIpAAAAAABckUAKFAgWEBYiBUMyNzAyKQAAAAAAGI9AChQIFxAXIgVDNjEwMSkAAAAAALCNQAoUCBgQGCIFQzc3MDIpAAAAAAA4ikAKFAgZEBkiBUM2NzMxKQAAAAAA8INAChQIGhAaIgVDODcwMykAAAAAAHCDQAoUCBsQGyIFQzI3MDYpAAAAAACYgEAKFAgcEBwiBUM3NzkwKQAAAAAAOIBAChQIHRAdIgVDNzcwOSkAAAAAAAB4QAoUCB4QHiIFQzQyMDEpAAAAAADwd0AKFAgfEB8iBUM3NzEwKQAAAAAAwHRAChQIIBAgIgVDNzEwMykAAAAAANBxQAoUCCEQISIFQzUxMDEpAAAAAACAZ0AKFAgiECIiBUM3NzAxKQAAAAAAAGZAChQIIxAjIgVDODcwOCkAAAAAAABcQAoUCCQQJCIFQzM1MDIpAAAAAAAATkAKFAglECUiBUM4NzA3KQAAAAAAAEpAChQIJhAmIgVDMzUwMSkAAAAAAABDQAoUCCcQJyIFQzUxNTEpAAAAAAAAAEBCCwoJU29pbF9UeXBlGoAEEAIi6AMKuAIIuuYLGAEgAS0AAIA/MqQCGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAgAUC65gsQBBoQEgVSYXdhaBkAAAAA4Cv1QBoUEglDb21tYW5jaGUZAAAAAGCR9EAaEBIFQ2FjaGUZAAAAAIBFyEAaEBIFTmVvdGEZAAAAAIBtw0Ale8bXQCpYChAiBVJhd2FoKQAAAADgK/VAChgIARABIglDb21tYW5jaGUpAAAAAGCR9EAKFAgCEAIiBUNhY2hlKQAAAACARchAChQIAxADIgVOZW90YSkAAAAAgG3DQEIRCg9XaWxkZXJuZXNzX0FyZWEa+AYa5wYKuAIIuuYLGAEgAS0AAIA/MqQCGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAgAUC65gsR5nFLY93l8D8ZqaDXnYlv9j8gm6UEMQAAAAAAAPA/OQAAAAAAABhAQpkCGhIRMzMzMzMz4z8hvsEXJpsp8UAaGwkzMzMzMzPjPxEzMzMzMzPzPyGdEaW9+QP3QBobCTMzMzMzM/M/EczMzMzMzPw/IW8bDeAtAF1AGhsJzMzMzMzM/D8RMzMzMzMzA0AhqFfKMiTixkAaGwkzMzMzMzMDQBEAAAAAAAAIQCFyGw3gLQBdQBobCQAAAAAAAAhAEczMzMzMzAxAIfbkYaHWyotAGhsJzMzMzMzMDEARzczMzMzMEEAhZapgVNISqUAaGwnNzMzMzMwQQBEzMzMzMzMTQCFsGw3gLQBdQBobCTMzMzMzMxNAEZmZmZmZmRVAIdFvXwfOWrZAGhsJmZmZmZmZFUARAAAAAAAAGEAhHHxhMtXiukBC5QEaCSEzMzMzc+HSQBoJITMzMzNz4dJAGgkhMzMzM3Ph0kAaEhEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAAAEAhMzMzM3Ph0kAaGwkAAAAAAAAAQBEAAAAAAAAYQCEzMzMzc+HSQCABQgwKCkNvdmVyX1R5cGUaxAcatAcKuAIIuuYLGAEgAS0AAIA/MqQCGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAgAUC65gsR+GNH2vMep0AZmifCiEeEcUApAAAAAAAQnUAxAAAAAABop0A5AAAAAAAkrkBCogIaGwkAAAAAABCdQBGamZmZmRegQCEGCqaObYKNQBobCZqZmZmZF6BAETMzMzMzp6FAIVMqUfnxCqxAGhsJMzMzMzOnoUARzczMzMw2o0Ahfx7cnaUsvUAaGwnNzMzMzDajQBFmZmZmZsakQCE1B+v/HB/NQBobCWZmZmZmxqRAEQAAAAAAVqZAIUH4wmTaK95AGhsJAAAAAABWpkARmpmZmZnlp0AhOYC3QIJl7EAaGwmamZmZmeWnQBE0MzMzM3WpQCHeG3xhqsrqQBobCTQzMzMzdalAEc3MzMzMBKtAIdaWm2vXldRAGhsJzczMzMwEq0ARZmZmZmaUrEAhKOTcZ3f4kkAaGwlmZmZmZpSsQBEAAAAAACSuQCEg0ETY8GFqQEKkAhobCQAAAAAAEJ1AEQAAAAAAJqRAITMzMzNz4dJAGhsJAAAAAAAmpEARAAAAAAB8pUAhMzMzM3Ph0kAaGwkAAAAAAHylQBEAAAAAAFimQCEzMzMzc+HSQBobCQAAAAAAWKZAEQAAAAAA9KZAITMzMzNz4dJAGhsJAAAAAAD0pkARAAAAAABop0AhMzMzM3Ph0kAaGwkAAAAAAGinQBEAAAAAAOanQCEzMzMzc+HSQBobCQAAAAAA5qdAEQAAAAAAcqhAITMzMzNz4dJAGhsJAAAAAAByqEARAAAAAAD8qEAhMzMzM3Ph0kAaGwkAAAAAAPyoQBEAAAAAAJKpQCEzMzMzc+HSQBobCQAAAAAAkqlAEQAAAAAAJK5AITMzMzNz4dJAIAFCCwoJRWxldmF0aW9uGq8HGpsHCrgCCLrmCxgBIAEtAACAPzKkAhobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAIAFAuuYLEXqpH7zqhWpAGcapOnYavzpAIAMxAAAAAABAa0A5AAAAAADAb0BCmQIaEhFmZmZmZmY5QCENbK5jevtKQBobCWZmZmZmZjlAEWZmZmZmZklAIQ1srmN6+0pAGhsJZmZmZmZmSUARzMzMzMwMU0AhC2yuY3r7SkAaGwnMzMzMzAxTQBFmZmZmZmZZQCFiDD2Pk89wQBobCWZmZmZmZllAEQAAAAAAwF9AIbK0kMEMepdAGhsJAAAAAADAX0ARzMzMzMwMY0Ah2QIJih/ws0AaGwnMzMzMzAxjQBGZmZmZmTlmQCFyrIvbKNTJQBobCZmZmZmZOWZAEWZmZmZmZmlAIWPMXUvIuuJAGhsJZmZmZmZmaUARMzMzMzOTbEAhSL99Hcid8kAaGwkzMzMzM5NsQBEAAAAAAMBvQCED54woLYzsQEKbAhoSEQAAAAAAAGZAITMzMzNz4dJAGhsJAAAAAAAAZkARAAAAAAAgaEAhMzMzM3Ph0kAaGwkAAAAAACBoQBEAAAAAAGBpQCEzMzMzc+HSQBobCQAAAAAAYGlAEQAAAAAAYGpAITMzMzNz4dJAGhsJAAAAAABgakARAAAAAABAa0AhMzMzM3Ph0kAaGwkAAAAAAEBrQBEAAAAAAOBrQCEzMzMzc+HSQBobCQAAAAAA4GtAEQAAAAAAoGxAITMzMzNz4dJAGhsJAAAAAACgbEARAAAAAABAbUAhMzMzM3Ph0kAaGwkAAAAAAEBtQBEAAAAAACBuQCEzMzMzc+HSQBobCQAAAAAAIG5AEQAAAAAAwG9AITMzMzNz4dJAIAFCDwoNSGlsbHNoYWRlXzlhbRqwBxqbBwq4Agi65gsYASABLQAAgD8ypAIaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQCABQLrmCxGTIIQXkOlrQBnSVZkkl70zQCABMQAAAAAAQGxAOQAAAAAAwG9AQpkCGhIRZmZmZmZmOUAhCbKTEjzjQkAaGwlmZmZmZmY5QBFmZmZmZmZJQCEJspMSPONCQBobCWZmZmZmZklAEczMzMzMDFNAIQiykxI840JAGhsJzMzMzMwMU0ARZmZmZmZmWUAhC7KTEjzjQkAaGwlmZmZmZmZZQBEAAAAAAMBfQCELspMSPONCQBobCQAAAAAAwF9AEczMzMzMDGNAIa9glZfZg4lAGhsJzMzMzMwMY0ARmZmZmZk5ZkAhhmNd3MbSsUAaGwmZmZmZmTlmQBFmZmZmZmZpQCHA7J48zDjVQBobCWZmZmZmZmlAETMzMzMzk2xAITqSy3+0s/NAGhsJMzMzMzOTbEARAAAAAADAb0AhTBWMSrbV9EBCmwIaEhEAAAAAAMBoQCEzMzMzc+HSQBobCQAAAAAAwGhAEQAAAAAAIGpAITMzMzNz4dJAGhsJAAAAAAAgakARAAAAAAAAa0AhMzMzM3Ph0kAaGwkAAAAAAABrQBEAAAAAAKBrQCEzMzMzc+HSQBobCQAAAAAAoGtAEQAAAAAAQGxAITMzMzNz4dJAGhsJAAAAAABAbEARAAAAAADAbEAhMzMzM3Ph0kAaGwkAAAAAAMBsQBEAAAAAAGBtQCEzMzMzc+HSQBobCQAAAAAAYG1AEQAAAAAAAG5AITMzMzNz4dJAGhsJAAAAAAAAbkARAAAAAADgbkAhMzMzM3Ph0kAaGwkAAAAAAOBuQBEAAAAAAMBvQCEzMzMzc+HSQCABQhAKDkhpbGxzaGFkZV9Ob29uGsQHGpsHCrgCCLrmCxgBIAEtAACAPzKkAhobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAIAFAuuYLEQet/oNx7Z5AGZtTADSxrpRAIA0xAAAAAAC4mkA5AAAAAADlu0BCmQIaEhHNzMzMzFCGQCEjbHh6jYDaQBobCc3MzMzMUIZAEc3MzMzMUJZAIWEbtBY4iuhAGhsJzczMzMxQlkARmpmZmZm8oEAhrZhOLH5Z5kAaGwmamZmZmbygQBHNzMzMzFCmQCG4oL5lUgbhQBobCc3MzMzMUKZAEQAAAAAA5atAIYso7Q2Ro8tAGhsJAAAAAADlq0ARmpmZmZm8sEAhu68D5ybXukAaGwmamZmZmbywQBEzMzMzs4azQCHjl4TKRbezQBobCTMzMzOzhrNAEc3MzMzMULZAISYbC8l/0bBAGhsJzczMzMxQtkARZ2ZmZuYauUAhbbQY+9BirkAaGwlnZmZm5hq5QBEAAAAAAOW7QCFXbGbwNjyQQEKbAhoSEQAAAAAAkIJAITMzMzNz4dJAGhsJAAAAAACQgkARAAAAAACwi0AhMzMzM3Ph0kAaGwkAAAAAALCLQBEAAAAAABySQCEzMzMzc+HSQBobCQAAAAAAHJJAEQAAAAAASJZAITMzMzNz4dJAGhsJAAAAAABIlkARAAAAAAC4mkAhMzMzM3Ph0kAaGwkAAAAAALiaQBEAAAAAAIifQCEzMzMzc+HSQBobCQAAAAAAiJ9AEQAAAAAAfKJAITMzMzNz4dJAGhsJAAAAAAB8okARAAAAAACapUAhMzMzM3Ph0kAaGwkAAAAAAJqlQBEAAAAAADStQCEzMzMzc+HSQBobCQAAAAAANK1AEQAAAAAA5btAITMzMzNz4dJAIAFCJAoiSG9yaXpvbnRhbF9EaXN0YW5jZV9Ub19GaXJlX1BvaW50cxrDBxqcBwq4Agi65gsYASABLQAAgD8ypAIaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQCABQLrmCxGUvcFNJthwQBmnZQ39Ko1qQCCFQDEAAAAAAEBrQDkAAAAAALiVQEKZAhoSEQAAAAAAYGFAIcqhRTY+5u5AGhsJAAAAAABgYUARAAAAAABgcUAhNF66yc0i6kAaGwkAAAAAAGBxQBEAAAAAABB6QCGuR+F6aJngQBobCQAAAAAAEHpAEQAAAAAAYIFAIX9Iv33NA9ZAGhsJAAAAAABggUARAAAAAAC4hUAh9gZfmMxyxUAaGwkAAAAAALiFQBEAAAAAABCKQCGtad5xyha0QBobCQAAAAAAEIpAEQAAAAAAaI5AITGNHN9Uv6JAGhsJAAAAAABojkARAAAAAABgkUAhbiC+rVXzj0AaGwkAAAAAAGCRQBEAAAAAAIyTQCHcGpMCTMtzQBobCQAAAAAAjJNAEQAAAAAAuJVAIW8oO3sq/l9AQpsCGhIRAAAAAAAAPkAhMzMzM3Ph0kAaGwkAAAAAAAA+QBEAAAAAAEBVQCEzMzMzc+HSQBobCQAAAAAAQFVAEQAAAAAAAF9AITMzMzNz4dJAGhsJAAAAAAAAX0ARAAAAAADgZUAhMzMzM3Ph0kAaGwkAAAAAAOBlQBEAAAAAAEBrQCEzMzMzc+HSQBobCQAAAAAAQGtAEQAAAAAAUHFAITMzMzNz4dJAGhsJAAAAAABQcUARAAAAAABgdUAhMzMzM3Ph0kAaGwkAAAAAAGB1QBEAAAAAAOB6QCEzMzMzc+HSQBobCQAAAAAA4HpAEQAAAAAAoIFAITMzMzNz4dJAGhsJAAAAAACggUARAAAAAAC4lUAhMzMzM3Ph0kAgAUIiCiBIb3Jpem9udGFsX0Rpc3RhbmNlX1RvX0h5ZHJvbG9neRrBBxqbBwq4Agi65gsYASABLQAAgD8ypAIaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQCABQLrmCxFhR65GVliiQBkMRhdKgViYQCAyMQAAAAAAMJ9AOQAAAAAAzLtAQpkCGhIRzczMzMw8hkAhzt+EQvTx2EAaGwnNzMzMzDyGQBHNzMzMzDyWQCHnGJC9VqvkQBobCc3MzMzMPJZAEZqZmZmZraBAIRx8YTJpDeFAGhsJmpmZmZmtoEARzczMzMw8pkAhUNobfKk52kAaGwnNzMzMzDymQBEAAAAAAMyrQCGHY13cAMbUQBobCQAAAAAAzKtAEZqZmZmZrbBAIfgf0m9XTcxAGhsJmpmZmZmtsEARMzMzMzN1s0AhfutRuOLyxUAaGwkzMzMzM3WzQBHNzMzMzDy2QCE965TJ7U/DQBobCc3MzMzMPLZAEWdmZmZmBLlAIZM4VNDyObhAGhsJZ2ZmZmYEuUARAAAAAADMu0Aha9qlBRuagkBCmwIaEhEAAAAAAHiCQCEzMzMzc+HSQBobCQAAAAAAeIJAEQAAAAAAcI1AITMzMzNz4dJAGhsJAAAAAABwjUARAAAAAACgk0AhMzMzM3Ph0kAaGwkAAAAAAKCTQBEAAAAAAPSYQCEzMzMzc+HSQBobCQAAAAAA9JhAEQAAAAAAMJ9AITMzMzNz4dJAGhsJAAAAAAAwn0ARAAAAAAA4o0AhMzMzM3Ph0kAaGwkAAAAAADijQBEAAAAAAJKnQCEzMzMzc+HSQBobCQAAAAAAkqdAEQAAAAAAKK1AITMzMzNz4dJAGhsJAAAAAAAorUARAAAAAACsskAhMzMzM3Ph0kAaGwkAAAAAAKyyQBEAAAAAAMy7QCEzMzMzc+HSQCABQiEKH0hvcml6b250YWxfRGlzdGFuY2VfVG9fUm9hZHdheXMaqAcanAcKuAIIuuYLGAEgAS0AAIA/MqQCGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAgAUC65gsRJ5KnL/kwLEAZ2qkXSUT0HUAg1AExAAAAAAAAKkA5AAAAAAAAT0BCmQIaEhHNzMzMzMwYQCH35GGh1srbQBobCc3MzMzMzBhAEc3MzMzMzChAIQ3gLZAws+5AGhsJzczMzMzMKEARmpmZmZmZMkAhyVTBqNSL6kAaGwmamZmZmZkyQBHNzMzMzMw4QCH35GGh1srbQBobCc3MzMzMzDhAEQAAAAAAAD9AIQN4CyQoYMlAGhsJAAAAAAAAP0ARmpmZmZmZQkAhD5wzonTJs0AaGwmamZmZmZlCQBEzMzMzM7NFQCENV7PLvSCNQBobCTMzMzMzs0VAEc3MzMzMzEhAIQrECUlsi09AGhsJzczMzMzMSEARZ2ZmZmbmS0AhCsQJSWyLT0AaGwlnZmZmZuZLQBEAAAAAAABPQCEAxAlJbItPQEKbAhoSEQAAAAAAABRAITMzMzNz4dJAGhsJAAAAAAAAFEARAAAAAAAAIEAhMzMzM3Ph0kAaGwkAAAAAAAAgQBEAAAAAAAAiQCEzMzMzc+HSQBobCQAAAAAAACJAEQAAAAAAACZAITMzMzNz4dJAGhsJAAAAAAAAJkARAAAAAAAAKkAhMzMzM3Ph0kAaGwkAAAAAAAAqQBEAAAAAAAAuQCEzMzMzc+HSQBobCQAAAAAAAC5AEQAAAAAAADFAITMzMzNz4dJAGhsJAAAAAAAAMUARAAAAAAAANEAhMzMzM3Ph0kAaGwkAAAAAAAA0QBEAAAAAAAA4QCEzMzMzc+HSQBobCQAAAAAAADhAEQAAAAAAAE9AITMzMzNz4dJAIAFCBwoFU2xvcGUaygcapQcKuAIIuuYLGAEgAS0AAIA/MqQCGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAaGwkAAAAAAADwPxEAAAAAAADwPyEzMzMzc+HSQBobCQAAAAAAAPA/EQAAAAAAAPA/ITMzMzNz4dJAGhsJAAAAAAAA8D8RAAAAAAAA8D8hMzMzM3Ph0kAgAUC65gsRrQr1sTU8R0AZkjjBIfA7TUAgxmQpAAAAAADAZMAxAAAAAAAAPkA5AAAAAAC4gkBCogIaGwkAAAAAAMBkwBEAAAAAAGBWwCGWr8V6iwh0QBobCQAAAAAAYFbAEQAAAAAAACrAIcHuX0qi77lAGhsJAAAAAAAAKsARAAAAAADAT0AhMQisHN9LAEEaGwkAAAAAAMBPQBEAAAAAAIBhQCHRItv5Mr3iQBobCQAAAAAAgGFAEQAAAAAAEGtAIdejcD1aFcVAGhsJAAAAAAAQa0ARAAAAAABQckAhOVWbliS/pUAaGwkAAAAAAFByQBEAAAAAABh3QCEJcpvLZ1eGQBobCQAAAAAAGHdAEQAAAAAA4HtAIZ+YcJ+GNVNAGhsJAAAAAADge0ARAAAAAABUgEAhVtUu7/dJUEAaGwkAAAAAAFSAQBEAAAAAALiCQCFW1S7v90lQQEKSAhoSCQAAAAAAwGTAITMzMzNz4dJAGhIRAAAAAAAACEAhMzMzM3Ph0kAaGwkAAAAAAAAIQBEAAAAAAAAmQCEzMzMzc+HSQBobCQAAAAAAACZAEQAAAAAAADNAITMzMzNz4dJAGhsJAAAAAAAAM0ARAAAAAAAAPkAhMzMzM3Ph0kAaGwkAAAAAAAA+QBEAAAAAAABFQCEzMzMzc+HSQBobCQAAAAAAAEVAEQAAAAAAgE1AITMzMzNz4dJAGhsJAAAAAACATUARAAAAAABAVEAhMzMzM3Ph0kAaGwkAAAAAAEBUQBEAAAAAAIBeQCEzMzMzc+HSQBobCQAAAAAAgF5AEQAAAAAAuIJAITMzMzNz4dJAIAFCIAoeVmVydGljYWxfRGlzdGFuY2VfVG9fSHlkcm9sb2d5\"></facets-overview>';\n",
       "        facets_iframe.srcdoc = facets_html;\n",
       "         facets_iframe.id = \"\";\n",
       "         setTimeout(() => {\n",
       "           facets_iframe.setAttribute('height', facets_iframe.contentWindow.document.body.offsetHeight + 'px')\n",
       "         }, 1500)\n",
       "         </script>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# Display the results\n",
    "context.show(statistics_gen.outputs['statistics'])"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "5ZD97lK9UGct"
   },
   "source": [
    "Once you've loaded the display, you may notice that the `zeros` column for `Cover_type` is highlighted in red. The visualization is letting us know that this might be a potential issue. In our case though, we know that the `Cover_Type` has a range of [0, 6] so having zeros in this column is something we expect."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "K6K2Wd9-tfdx"
   },
   "source": [
    "<a name='4-4'></a>\n",
    "### 4.4 - Inferring the Schema\n",
    "\n",
    "You will need to create a schema to validate incoming datasets during training and serving. Fortunately, TFX allows you to infer a first draft of this schema with the [SchemaGen](https://www.tensorflow.org/tfx/guide/schemagen) component."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "t6V9o7XnXKkV"
   },
   "source": [
    "<a name='ex-4'></a>\n",
    "#### Exercise 4: SchemaGen\n",
    "\n",
    "Use `SchemaGen` to infer a schema based on the computed statistics of `StatisticsGen`."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 17,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 174
    },
    "deletable": false,
    "id": "_D9GZT1v3lkx",
    "outputId": "952c0c81-fbe3-45ba-b388-104c11328d06",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object expanded\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">ExecutionResult</span><span class=\"deemphasize\"> at 0x7ff9c6912160</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.execution_id</td><td class = \"attrvalue\">11</td></tr><tr><td class=\"attr-name\">.component</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">SchemaGen</span><span class=\"deemphasize\"> at 0x7ff9c68b7100</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.inputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['statistics']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1e80</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleStatistics</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (uri: ./pipeline/StatisticsGen/statistics/10)<span class=\"deemphasize\"> at 0x7ff9c6951a90</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleStatistics&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/StatisticsGen/statistics/10</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.outputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['schema']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Schema'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9c68b7a00</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Schema</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Schema'</span> (uri: ./pipeline/SchemaGen/schema/11)<span class=\"deemphasize\"> at 0x7ff9c69518e0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Schema&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/SchemaGen/schema/11</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.exec_properties</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['infer_feature_shape']</td><td class = \"attrvalue\">1</td></tr><tr><td class=\"attr-name\">['exclude_splits']</td><td class = \"attrvalue\">[]</td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">.component.inputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['statistics']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1e80</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleStatistics</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (uri: ./pipeline/StatisticsGen/statistics/10)<span class=\"deemphasize\"> at 0x7ff9c6951a90</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleStatistics&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/StatisticsGen/statistics/10</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.component.outputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['schema']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Schema'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9c68b7a00</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Schema</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Schema'</span> (uri: ./pipeline/SchemaGen/schema/11)<span class=\"deemphasize\"> at 0x7ff9c69518e0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Schema&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/SchemaGen/schema/11</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></div>"
      ],
      "text/plain": [
       "ExecutionResult(\n",
       "    component_id: SchemaGen\n",
       "    execution_id: 11\n",
       "    outputs:\n",
       "        schema: Channel(\n",
       "            type_name: Schema\n",
       "            artifacts: [Artifact(artifact: id: 17\n",
       "        type_id: 18\n",
       "        uri: \"./pipeline/SchemaGen/schema/11\"\n",
       "        custom_properties {\n",
       "          key: \"name\"\n",
       "          value {\n",
       "            string_value: \"schema\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"producer_component\"\n",
       "          value {\n",
       "            string_value: \"SchemaGen\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"state\"\n",
       "          value {\n",
       "            string_value: \"published\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"tfx_version\"\n",
       "          value {\n",
       "            string_value: \"1.3.0\"\n",
       "          }\n",
       "        }\n",
       "        state: LIVE\n",
       "        , artifact_type: id: 18\n",
       "        name: \"Schema\"\n",
       "        )]\n",
       "            additional_properties: {}\n",
       "            additional_custom_properties: {}\n",
       "        ))"
      ]
     },
     "execution_count": 17,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "### START CODE HERE\n",
    "# Instantiate SchemaGen with the output statistics from the StatisticsGen\n",
    "schema_gen = tfx.components.SchemaGen(statistics=statistics_gen.outputs['statistics'],)\n",
    "    \n",
    "\n",
    "# Run the component\n",
    "context.run(schema_gen)\n",
    "### END CODE HERE"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 18,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 668
    },
    "id": "lW6Vhxy-3lkx",
    "outputId": "3b2bdbc4-79a0-4514-aa8f-e2bfad1d3468"
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<b>Artifact at ./pipeline/SchemaGen/schema/11</b><br/><br/>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Type</th>\n",
       "      <th>Presence</th>\n",
       "      <th>Valency</th>\n",
       "      <th>Domain</th>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>Feature name</th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>'Cover_Type'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Elevation'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Hillshade_9am'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Hillshade_Noon'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Horizontal_Distance_To_Fire_Points'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Horizontal_Distance_To_Hydrology'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Horizontal_Distance_To_Roadways'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Slope'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Soil_Type'</th>\n",
       "      <td>STRING</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>'Soil_Type'</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Vertical_Distance_To_Hydrology'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Wilderness_Area'</th>\n",
       "      <td>STRING</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>'Wilderness_Area'</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                                        Type  Presence Valency  \\\n",
       "Feature name                                                     \n",
       "'Cover_Type'                             INT  required           \n",
       "'Elevation'                              INT  required           \n",
       "'Hillshade_9am'                          INT  required           \n",
       "'Hillshade_Noon'                         INT  required           \n",
       "'Horizontal_Distance_To_Fire_Points'     INT  required           \n",
       "'Horizontal_Distance_To_Hydrology'       INT  required           \n",
       "'Horizontal_Distance_To_Roadways'        INT  required           \n",
       "'Slope'                                  INT  required           \n",
       "'Soil_Type'                           STRING  required           \n",
       "'Vertical_Distance_To_Hydrology'         INT  required           \n",
       "'Wilderness_Area'                     STRING  required           \n",
       "\n",
       "                                                 Domain  \n",
       "Feature name                                             \n",
       "'Cover_Type'                                          -  \n",
       "'Elevation'                                           -  \n",
       "'Hillshade_9am'                                       -  \n",
       "'Hillshade_Noon'                                      -  \n",
       "'Horizontal_Distance_To_Fire_Points'                  -  \n",
       "'Horizontal_Distance_To_Hydrology'                    -  \n",
       "'Horizontal_Distance_To_Roadways'                     -  \n",
       "'Slope'                                               -  \n",
       "'Soil_Type'                                 'Soil_Type'  \n",
       "'Vertical_Distance_To_Hydrology'                      -  \n",
       "'Wilderness_Area'                     'Wilderness_Area'  "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Values</th>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>Domain</th>\n",
       "      <th></th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>'Soil_Type'</th>\n",
       "      <td>'C2702', 'C2703', 'C2704', 'C2705', 'C2706', 'C2717', 'C3501', 'C3502', 'C4201', 'C4703', 'C4704', 'C4744', 'C4758', 'C5101', 'C5151', 'C6101', 'C6102', 'C6731', 'C7101', 'C7102', 'C7103', 'C7201', 'C7202', 'C7700', 'C7701', 'C7702', 'C7709', 'C7710', 'C7745', 'C7746', 'C7755', 'C7756', 'C7757', 'C7790', 'C8703', 'C8707', 'C8708', 'C8771', 'C8772', 'C8776'</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Wilderness_Area'</th>\n",
       "      <td>'Cache', 'Commanche', 'Neota', 'Rawah'</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                                                                                                                                                                                                                                                                                                                                                                                   Values\n",
       "Domain                                                                                                                                                                                                                                                                                                                                                                                   \n",
       "'Soil_Type'        'C2702', 'C2703', 'C2704', 'C2705', 'C2706', 'C2717', 'C3501', 'C3502', 'C4201', 'C4703', 'C4704', 'C4744', 'C4758', 'C5101', 'C5151', 'C6101', 'C6102', 'C6731', 'C7101', 'C7102', 'C7103', 'C7201', 'C7202', 'C7700', 'C7701', 'C7702', 'C7709', 'C7710', 'C7745', 'C7746', 'C7755', 'C7756', 'C7757', 'C7790', 'C8703', 'C8707', 'C8708', 'C8771', 'C8772', 'C8776'\n",
       "'Wilderness_Area'  'Cache', 'Commanche', 'Neota', 'Rawah'                                                                                                                                                                                                                                                                                                                                "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# Visualize the output\n",
    "context.show(schema_gen.outputs['schema'])"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "bpeVcYBbvret"
   },
   "source": [
    "<a name='4-5'></a>\n",
    "### 4.5 - Curating the schema\n",
    "\n",
    "You can see that the inferred schema is able to capture the data types correctly and also able to show the expected values for the qualitative (i.e. string) data. You can still fine-tune this however. For instance, we have features where we expect a certain range:\n",
    "\n",
    "* `Hillshade_9am`: 0 to 255\n",
    "* `Hillshade_Noon`: 0 to 255\n",
    "* `Slope`: 0 to 90\n",
    "* `Cover_Type`:  0 to 6\n",
    "\n",
    "You want to update your schema to take note of these so the pipeline can detect if invalid values are being fed to the model."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "5pUvj-IgYQIL"
   },
   "source": [
    "<a name='ex-5'></a>\n",
    "#### Exercise 5: Curating the Schema\n",
    "\n",
    "Use [TFDV](https://www.tensorflow.org/tfx/data_validation/get_started) to update the inferred schema to restrict a range of values to the features mentioned above.\n",
    "\n",
    "Things to note:\n",
    "* You can use [tfdv.set_domain()](https://www.tensorflow.org/tfx/data_validation/api_docs/python/tfdv/set_domain) to define acceptable values for a particular feature.\n",
    "* These should still be INT types after making your changes.\n",
    "* Declare `Cover_Type` as a *categorical* variable. Unlike the other four features, the integers 0 to 6 here correspond to a designated label and not a quantitative measure. You can look at the available flags for `set_domain()` in the official doc to know how to set this."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 19,
   "metadata": {
    "deletable": false,
    "editable": false,
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "try:\n",
    "    # Get the schema uri\n",
    "    schema_uri = schema_gen.outputs['schema']._artifacts[0].uri\n",
    "    \n",
    "# for grading since context.run() does not work outside the notebook\n",
    "except IndexError:\n",
    "    print(\"context.run() was no-op\")\n",
    "    schema_path = './pipeline/SchemaGen/schema'\n",
    "    dir_id = os.listdir(schema_path)[0]\n",
    "    schema_uri = f'{schema_path}/{dir_id}'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 20,
   "metadata": {
    "deletable": false,
    "editable": false,
    "id": "27woxdsF3lky",
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Get the schema pbtxt file from the SchemaGen output\n",
    "schema = tfdv.load_schema_text(os.path.join(schema_uri, 'schema.pbtxt'))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 21,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 634
    },
    "deletable": false,
    "id": "40wynuTzstP3",
    "outputId": "af44ffe7-2113-4bd4-a078-868798127a75",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Type</th>\n",
       "      <th>Presence</th>\n",
       "      <th>Valency</th>\n",
       "      <th>Domain</th>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>Feature name</th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>'Cover_Type'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>min: 0; max: 6</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Elevation'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Hillshade_9am'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>min: 0; max: 255</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Hillshade_Noon'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>min: 0; max: 255</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Horizontal_Distance_To_Fire_Points'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Horizontal_Distance_To_Hydrology'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Horizontal_Distance_To_Roadways'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Slope'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>min: 0; max: 90</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Soil_Type'</th>\n",
       "      <td>STRING</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>'Soil_Type'</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Vertical_Distance_To_Hydrology'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Wilderness_Area'</th>\n",
       "      <td>STRING</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>'Wilderness_Area'</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                                        Type  Presence Valency  \\\n",
       "Feature name                                                     \n",
       "'Cover_Type'                          INT     required           \n",
       "'Elevation'                           INT     required           \n",
       "'Hillshade_9am'                       INT     required           \n",
       "'Hillshade_Noon'                      INT     required           \n",
       "'Horizontal_Distance_To_Fire_Points'  INT     required           \n",
       "'Horizontal_Distance_To_Hydrology'    INT     required           \n",
       "'Horizontal_Distance_To_Roadways'     INT     required           \n",
       "'Slope'                               INT     required           \n",
       "'Soil_Type'                           STRING  required           \n",
       "'Vertical_Distance_To_Hydrology'      INT     required           \n",
       "'Wilderness_Area'                     STRING  required           \n",
       "\n",
       "                                                 Domain  \n",
       "Feature name                                             \n",
       "'Cover_Type'                          min: 0; max: 6     \n",
       "'Elevation'                           -                  \n",
       "'Hillshade_9am'                       min: 0; max: 255   \n",
       "'Hillshade_Noon'                      min: 0; max: 255   \n",
       "'Horizontal_Distance_To_Fire_Points'  -                  \n",
       "'Horizontal_Distance_To_Hydrology'    -                  \n",
       "'Horizontal_Distance_To_Roadways'     -                  \n",
       "'Slope'                               min: 0; max: 90    \n",
       "'Soil_Type'                           'Soil_Type'        \n",
       "'Vertical_Distance_To_Hydrology'      -                  \n",
       "'Wilderness_Area'                     'Wilderness_Area'  "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Values</th>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>Domain</th>\n",
       "      <th></th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>'Soil_Type'</th>\n",
       "      <td>'C2702', 'C2703', 'C2704', 'C2705', 'C2706', 'C2717', 'C3501', 'C3502', 'C4201', 'C4703', 'C4704', 'C4744', 'C4758', 'C5101', 'C5151', 'C6101', 'C6102', 'C6731', 'C7101', 'C7102', 'C7103', 'C7201', 'C7202', 'C7700', 'C7701', 'C7702', 'C7709', 'C7710', 'C7745', 'C7746', 'C7755', 'C7756', 'C7757', 'C7790', 'C8703', 'C8707', 'C8708', 'C8771', 'C8772', 'C8776'</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Wilderness_Area'</th>\n",
       "      <td>'Cache', 'Commanche', 'Neota', 'Rawah'</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                                                                                                                                                                                                                                                                                                                                                                                   Values\n",
       "Domain                                                                                                                                                                                                                                                                                                                                                                                   \n",
       "'Soil_Type'        'C2702', 'C2703', 'C2704', 'C2705', 'C2706', 'C2717', 'C3501', 'C3502', 'C4201', 'C4703', 'C4704', 'C4744', 'C4758', 'C5101', 'C5151', 'C6101', 'C6102', 'C6731', 'C7101', 'C7102', 'C7103', 'C7201', 'C7202', 'C7700', 'C7701', 'C7702', 'C7709', 'C7710', 'C7745', 'C7746', 'C7755', 'C7756', 'C7757', 'C7790', 'C8703', 'C8707', 'C8708', 'C8771', 'C8772', 'C8776'\n",
       "'Wilderness_Area'  'Cache', 'Commanche', 'Neota', 'Rawah'                                                                                                                                                                                                                                                                                                                                "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "### START CODE HERE ###\n",
    "\n",
    "# Set the two `Hillshade` features to have a range of 0 to 255\n",
    "tfdv.set_domain(schema, 'Hillshade_9am', schema_pb2.IntDomain(name='Hillshade_9am', min=0, max=255))\n",
    "tfdv.set_domain(schema, 'Hillshade_Noon', schema_pb2.IntDomain(name='Hillshade_Noon', min=0, max=255))\n",
    "\n",
    "# Set the `Slope` feature to have a range of 0 to 90\n",
    "tfdv.set_domain(schema, 'Slope', schema_pb2.IntDomain(name='Slope', min=0, max=90))\n",
    "\n",
    "# Set `Cover_Type` to categorical having minimum value of 0 and maximum value of 6\n",
    "tfdv.set_domain(schema, 'Cover_Type', schema_pb2.IntDomain(name='Cover_Type', min=0, max=6, is_categorical=True))\n",
    "\n",
    "### END CODE HERE ###\n",
    "\n",
    "tfdv.display_schema(schema=schema)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "nkkrTVG3jrKl"
   },
   "source": [
    "You should now see the ranges you declared in the `Domain` column of the schema."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "fHN_j-d5mCCZ"
   },
   "source": [
    "<a name='4-6'></a>\n",
    "### 4.6 - Schema Environments\n",
    "\n",
    "In supervised learning, we train the model to make predictions by feeding a set of features with its corresponding label. Thus, our training dataset will have both the input features and label, and the schema is configured to detect these. \n",
    "\n",
    "However, after training and you serve the model for inference, the incoming data will no longer have the label. This will present problems when validating the data using the current version of the schema. Let's demonstrate that in the following cells. You will simulate a serving dataset by getting subset of the training set and dropping the label column (i.e. `Cover_Type`). Afterwards, you will validate this serving dataset using the schema you curated earlier."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 22,
   "metadata": {
    "deletable": false,
    "editable": false,
    "id": "MxyJHhoSl4-3",
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Declare paths to the serving data\n",
    "SERVING_DIR = f'{DATA_DIR}/serving'\n",
    "SERVING_DATA = f'{SERVING_DIR}/serving_dataset.csv'\n",
    "\n",
    "# Create the directory\n",
    "!mkdir -p {SERVING_DIR}"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 23,
   "metadata": {
    "deletable": false,
    "editable": false,
    "id": "cpSqjjXeafHr",
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Read a subset of the training dataset\n",
    "serving_data = pd.read_csv(TRAINING_DATA, nrows=100)\n",
    "\n",
    "# Drop the `Cover_Type` column\n",
    "serving_data.drop(columns='Cover_Type', inplace=True)\n",
    "\n",
    "# Save the modified dataset\n",
    "serving_data.to_csv(SERVING_DATA, index=False)\n",
    "\n",
    "# Delete unneeded variable from memory\n",
    "del serving_data"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 24,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 165
    },
    "deletable": false,
    "editable": false,
    "id": "dzKVqBogmG__",
    "outputId": "12ee8c71-e5eb-453b-8a24-7fb1be1aa610",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "WARNING:root:Make sure that locally built Python SDK docker image has Python 3.8 interpreter.\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Anomaly short description</th>\n",
       "      <th>Anomaly long description</th>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>Feature name</th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>'Cover_Type'</th>\n",
       "      <td>Column dropped</td>\n",
       "      <td>Column is completely missing</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "             Anomaly short description      Anomaly long description\n",
       "Feature name                                                        \n",
       "'Cover_Type'  Column dropped            Column is completely missing"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Declare StatsOptions to use the curated schema\n",
    "stats_options = tfdv.StatsOptions(schema=schema, infer_type_from_schema=True)\n",
    "\n",
    "# Compute the statistics of the serving dataset\n",
    "serving_stats = tfdv.generate_statistics_from_csv(SERVING_DATA, stats_options=stats_options)\n",
    "\n",
    "# Detect anomalies in the serving dataset\n",
    "anomalies = tfdv.validate_statistics(serving_stats, schema=schema)\n",
    "\n",
    "# Display the anomalies detected\n",
    "tfdv.display_anomalies(anomalies)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "wwIOMZYjt_Kb"
   },
   "source": [
    "As expected, the missing column is flagged. To fix this, you need to configure the schema to detect when it's being used for training or for inference / serving. You can do this by setting [schema environments](https://www.tensorflow.org/tfx/tutorials/data_validation/tfdv_basic#schema_environments)."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "YBVVj8Hum0Ue"
   },
   "source": [
    "<a name='ex-6'></a>\n",
    "#### Exercise 6: Define the serving environment\n",
    "\n",
    "Complete the code below to ignore the `Cover_Type` feature when validating in the *SERVING* environment."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 25,
   "metadata": {
    "deletable": false,
    "id": "zpgqThxImAso",
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "schema.default_environment.append('TRAINING')\n",
    "\n",
    "### START CODE HERE ###\n",
    "# Hint: Create another default schema environment with name SERVING (pass in a string)\n",
    "schema.default_environment.append('SERVING')\n",
    "\n",
    "# Remove Cover_Type feature from SERVING using TFDV\n",
    "# Hint: Pass in the strings with the name of the feature and environment \n",
    "tfdv.get_feature(schema, 'Cover_Type').not_in_environment.append('SERVING')\n",
    "### END CODE HERE ###"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "Ge78zQcpxI-T"
   },
   "source": [
    "If done correctly, running the cell below should show *No Anomalies*."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 26,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 57
    },
    "deletable": false,
    "editable": false,
    "id": "rsDf37to4SoV",
    "outputId": "2cdbda96-0e03-48b0-a7ae-46346dcf7b81",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<h4 style=\"color:green;\">No anomalies found.</h4>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Validate the serving dataset statistics in the `SERVING` environment\n",
    "anomalies = tfdv.validate_statistics(serving_stats, schema=schema, environment='SERVING')\n",
    "\n",
    "# Display the anomalies detected\n",
    "tfdv.display_anomalies(anomalies)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "8gpZl3CVyKyv"
   },
   "source": [
    "We can now save this curated schema in a local directory so we can import it to our TFX pipeline."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 27,
   "metadata": {
    "deletable": false,
    "editable": false,
    "id": "fXnDWoGoxsmc",
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Declare the path to the updated schema directory\n",
    "UPDATED_SCHEMA_DIR = f'{PIPELINE_DIR}/updated_schema'\n",
    "\n",
    "# Create the said directory\n",
    "!mkdir -p {UPDATED_SCHEMA_DIR}\n",
    "\n",
    "# Declare the path to the schema file\n",
    "schema_file = os.path.join(UPDATED_SCHEMA_DIR, 'schema.pbtxt')\n",
    "\n",
    "# Save the curated schema to the said file\n",
    "tfdv.write_schema_text(schema, schema_file)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "Ljco7hZ9x0ip"
   },
   "source": [
    "As a sanity check, let's display the schema we just saved and verify that it contains the changes we introduced. It should still show the ranges in the `Domain` column and there should be two environments available."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 28,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 634
    },
    "deletable": false,
    "editable": false,
    "id": "QNvH6V6yxtUm",
    "outputId": "657e1413-2db8-473a-f4dc-169144b96e10",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Type</th>\n",
       "      <th>Presence</th>\n",
       "      <th>Valency</th>\n",
       "      <th>Domain</th>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>Feature name</th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>'Cover_Type'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>min: 0; max: 6</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Elevation'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Hillshade_9am'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>min: 0; max: 255</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Hillshade_Noon'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>min: 0; max: 255</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Horizontal_Distance_To_Fire_Points'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Horizontal_Distance_To_Hydrology'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Horizontal_Distance_To_Roadways'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Slope'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>min: 0; max: 90</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Soil_Type'</th>\n",
       "      <td>STRING</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>'Soil_Type'</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Vertical_Distance_To_Hydrology'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Wilderness_Area'</th>\n",
       "      <td>STRING</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>'Wilderness_Area'</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                                        Type  Presence Valency  \\\n",
       "Feature name                                                     \n",
       "'Cover_Type'                          INT     required           \n",
       "'Elevation'                           INT     required           \n",
       "'Hillshade_9am'                       INT     required           \n",
       "'Hillshade_Noon'                      INT     required           \n",
       "'Horizontal_Distance_To_Fire_Points'  INT     required           \n",
       "'Horizontal_Distance_To_Hydrology'    INT     required           \n",
       "'Horizontal_Distance_To_Roadways'     INT     required           \n",
       "'Slope'                               INT     required           \n",
       "'Soil_Type'                           STRING  required           \n",
       "'Vertical_Distance_To_Hydrology'      INT     required           \n",
       "'Wilderness_Area'                     STRING  required           \n",
       "\n",
       "                                                 Domain  \n",
       "Feature name                                             \n",
       "'Cover_Type'                          min: 0; max: 6     \n",
       "'Elevation'                           -                  \n",
       "'Hillshade_9am'                       min: 0; max: 255   \n",
       "'Hillshade_Noon'                      min: 0; max: 255   \n",
       "'Horizontal_Distance_To_Fire_Points'  -                  \n",
       "'Horizontal_Distance_To_Hydrology'    -                  \n",
       "'Horizontal_Distance_To_Roadways'     -                  \n",
       "'Slope'                               min: 0; max: 90    \n",
       "'Soil_Type'                           'Soil_Type'        \n",
       "'Vertical_Distance_To_Hydrology'      -                  \n",
       "'Wilderness_Area'                     'Wilderness_Area'  "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Values</th>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>Domain</th>\n",
       "      <th></th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>'Soil_Type'</th>\n",
       "      <td>'C2702', 'C2703', 'C2704', 'C2705', 'C2706', 'C2717', 'C3501', 'C3502', 'C4201', 'C4703', 'C4704', 'C4744', 'C4758', 'C5101', 'C5151', 'C6101', 'C6102', 'C6731', 'C7101', 'C7102', 'C7103', 'C7201', 'C7202', 'C7700', 'C7701', 'C7702', 'C7709', 'C7710', 'C7745', 'C7746', 'C7755', 'C7756', 'C7757', 'C7790', 'C8703', 'C8707', 'C8708', 'C8771', 'C8772', 'C8776'</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Wilderness_Area'</th>\n",
       "      <td>'Cache', 'Commanche', 'Neota', 'Rawah'</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                                                                                                                                                                                                                                                                                                                                                                                   Values\n",
       "Domain                                                                                                                                                                                                                                                                                                                                                                                   \n",
       "'Soil_Type'        'C2702', 'C2703', 'C2704', 'C2705', 'C2706', 'C2717', 'C3501', 'C3502', 'C4201', 'C4703', 'C4704', 'C4744', 'C4758', 'C5101', 'C5151', 'C6101', 'C6102', 'C6731', 'C7101', 'C7102', 'C7103', 'C7201', 'C7202', 'C7700', 'C7701', 'C7702', 'C7709', 'C7710', 'C7745', 'C7746', 'C7755', 'C7756', 'C7757', 'C7790', 'C8703', 'C8707', 'C8708', 'C8771', 'C8772', 'C8776'\n",
       "'Wilderness_Area'  'Cache', 'Commanche', 'Neota', 'Rawah'                                                                                                                                                                                                                                                                                                                                "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Load the schema from the directory we just created\n",
    "new_schema = tfdv.load_schema_text(schema_file)\n",
    "\n",
    "# Display the schema. Check that the Domain column still contains the ranges.\n",
    "tfdv.display_schema(schema=new_schema)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 29,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "dxK7GqSgybrb",
    "outputId": "81129ecf-9475-4c0c-fd7b-da93ef6e8092"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['TRAINING', 'SERVING']"
      ]
     },
     "execution_count": 29,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# The environment list should show `TRAINING` and `SERVING`.\n",
    "new_schema.default_environment"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "npuw7JwMyQ6I"
   },
   "source": [
    "<a name='4-7'></a>\n",
    "### 4.7 - Generate new statistics using the updated schema\n",
    "\n",
    "You will now compute the statistics using the schema you just curated. Remember though that TFX components interact with each other by getting artifact information from the metadata store. So you first have to import the curated schema file into ML Metadata. You will do that by using an [ImportSchemaGen](https://www.tensorflow.org/tfx/api_docs/python/tfx/v1/components/ImportSchemaGen) to create an artifact representing the curated schema."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "78EzJ7Wfm5oa"
   },
   "source": [
    "<a name='ex-7'></a>\n",
    "#### Exercise 7: ImportSchemaGen\n",
    "\n",
    "Complete the code below to create a `Schema` artifact that points to the path of the curated schema file."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 30,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 668
    },
    "deletable": false,
    "id": "bhaE8ha13lk0",
    "outputId": "7898ddec-f1a9-4c19-e39a-cea5f30ec491",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<b>Artifact at ./pipeline/ImportSchemaGen/schema/12</b><br/><br/>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Type</th>\n",
       "      <th>Presence</th>\n",
       "      <th>Valency</th>\n",
       "      <th>Domain</th>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>Feature name</th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "      <th></th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>'Cover_Type'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>min: 0; max: 6</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Elevation'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Hillshade_9am'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>min: 0; max: 255</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Hillshade_Noon'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>min: 0; max: 255</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Horizontal_Distance_To_Fire_Points'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Horizontal_Distance_To_Hydrology'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Horizontal_Distance_To_Roadways'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Slope'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>min: 0; max: 90</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Soil_Type'</th>\n",
       "      <td>STRING</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>'Soil_Type'</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Vertical_Distance_To_Hydrology'</th>\n",
       "      <td>INT</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>-</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Wilderness_Area'</th>\n",
       "      <td>STRING</td>\n",
       "      <td>required</td>\n",
       "      <td></td>\n",
       "      <td>'Wilderness_Area'</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                                        Type  Presence Valency  \\\n",
       "Feature name                                                     \n",
       "'Cover_Type'                          INT     required           \n",
       "'Elevation'                           INT     required           \n",
       "'Hillshade_9am'                       INT     required           \n",
       "'Hillshade_Noon'                      INT     required           \n",
       "'Horizontal_Distance_To_Fire_Points'  INT     required           \n",
       "'Horizontal_Distance_To_Hydrology'    INT     required           \n",
       "'Horizontal_Distance_To_Roadways'     INT     required           \n",
       "'Slope'                               INT     required           \n",
       "'Soil_Type'                           STRING  required           \n",
       "'Vertical_Distance_To_Hydrology'      INT     required           \n",
       "'Wilderness_Area'                     STRING  required           \n",
       "\n",
       "                                                 Domain  \n",
       "Feature name                                             \n",
       "'Cover_Type'                          min: 0; max: 6     \n",
       "'Elevation'                           -                  \n",
       "'Hillshade_9am'                       min: 0; max: 255   \n",
       "'Hillshade_Noon'                      min: 0; max: 255   \n",
       "'Horizontal_Distance_To_Fire_Points'  -                  \n",
       "'Horizontal_Distance_To_Hydrology'    -                  \n",
       "'Horizontal_Distance_To_Roadways'     -                  \n",
       "'Slope'                               min: 0; max: 90    \n",
       "'Soil_Type'                           'Soil_Type'        \n",
       "'Vertical_Distance_To_Hydrology'      -                  \n",
       "'Wilderness_Area'                     'Wilderness_Area'  "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Values</th>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>Domain</th>\n",
       "      <th></th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>'Soil_Type'</th>\n",
       "      <td>'C2702', 'C2703', 'C2704', 'C2705', 'C2706', 'C2717', 'C3501', 'C3502', 'C4201', 'C4703', 'C4704', 'C4744', 'C4758', 'C5101', 'C5151', 'C6101', 'C6102', 'C6731', 'C7101', 'C7102', 'C7103', 'C7201', 'C7202', 'C7700', 'C7701', 'C7702', 'C7709', 'C7710', 'C7745', 'C7746', 'C7755', 'C7756', 'C7757', 'C7790', 'C8703', 'C8707', 'C8708', 'C8771', 'C8772', 'C8776'</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>'Wilderness_Area'</th>\n",
       "      <td>'Cache', 'Commanche', 'Neota', 'Rawah'</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                                                                                                                                                                                                                                                                                                                                                                                   Values\n",
       "Domain                                                                                                                                                                                                                                                                                                                                                                                   \n",
       "'Soil_Type'        'C2702', 'C2703', 'C2704', 'C2705', 'C2706', 'C2717', 'C3501', 'C3502', 'C4201', 'C4703', 'C4704', 'C4744', 'C4758', 'C5101', 'C5151', 'C6101', 'C6102', 'C6731', 'C7101', 'C7102', 'C7103', 'C7201', 'C7202', 'C7700', 'C7701', 'C7702', 'C7709', 'C7710', 'C7745', 'C7746', 'C7755', 'C7756', 'C7757', 'C7790', 'C8703', 'C8707', 'C8708', 'C8771', 'C8772', 'C8776'\n",
       "'Wilderness_Area'  'Cache', 'Commanche', 'Neota', 'Rawah'                                                                                                                                                                                                                                                                                                                                "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "### START CODE HERE ###\n",
    "\n",
    "# Use ImportSchemaGen to put the curated schema to ML Metadata\n",
    "user_schema_importer = tfx.components.ImportSchemaGen(schema_file=schema_file)\n",
    "    \n",
    "# Run the component\n",
    "context.run(user_schema_importer, enable_cache=False)\n",
    "\n",
    "### END CODE HERE ###\n",
    "\n",
    "context.show(user_schema_importer.outputs['schema'])"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "DR1SG-KYnBTR"
   },
   "source": [
    "With the artifact successfully created, you can now use `StatisticsGen` and pass in a `schema` parameter to use the curated schema.\n",
    "\n",
    "<a name='ex-8'></a>\n",
    "#### Exercise 8: Statistics with the new schema\n",
    "\n",
    "Use `StatisticsGen` to compute the statistics with the schema you updated in the previous section."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 31,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 196
    },
    "deletable": false,
    "id": "_5HmdXKKjXF-",
    "outputId": "5eb7bb64-211b-4e16-fc55-6fa6c467bc82",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "WARNING:root:Make sure that locally built Python SDK docker image has Python 3.8 interpreter.\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "<style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object expanded\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">ExecutionResult</span><span class=\"deemphasize\"> at 0x7ff9c68b7520</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.execution_id</td><td class = \"attrvalue\">13</td></tr><tr><td class=\"attr-name\">.component</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">StatisticsGen</span><span class=\"deemphasize\"> at 0x7ff9b611db50</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.inputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['examples']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Examples'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1940</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Examples</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Examples'</span> (uri: ./pipeline/CsvExampleGen/examples/9)<span class=\"deemphasize\"> at 0x7ff9ec296b50</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Examples&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/CsvExampleGen/examples/9</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr><tr><td class=\"attr-name\">.version</td><td class = \"attrvalue\">0</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['schema']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Schema'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9b611de50</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Schema</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Schema'</span> (uri: ./pipeline/ImportSchemaGen/schema/12)<span class=\"deemphasize\"> at 0x7ff867632490</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Schema&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/ImportSchemaGen/schema/12</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.outputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['statistics']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9b611d4f0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleStatistics</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (uri: ./pipeline/StatisticsGen/statistics/13)<span class=\"deemphasize\"> at 0x7ff9b607a250</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleStatistics&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/StatisticsGen/statistics/13</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.exec_properties</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['stats_options_json']</td><td class = \"attrvalue\">{&quot;_generators&quot;: null, &quot;_feature_allowlist&quot;: null, &quot;_schema&quot;: null, &quot;label_feature&quot;: null, &quot;weight_feature&quot;: null, &quot;_slice_functions&quot;: null, &quot;_sample_rate&quot;: null, &quot;num_top_values&quot;: 20, &quot;frequency_threshold&quot;: 1, &quot;weighted_frequency_threshold&quot;: 1.0, &quot;num_rank_histogram_buckets&quot;: 1000, &quot;_num_values_histogram_buckets&quot;: 10, &quot;_num_histogram_buckets&quot;: 10, &quot;_num_quantiles_histogram_buckets&quot;: 10, &quot;epsilon&quot;: 0.01, &quot;infer_type_from_schema&quot;: true, &quot;_desired_batch_size&quot;: null, &quot;enable_semantic_domain_stats&quot;: false, &quot;_semantic_domain_stats_sample_rate&quot;: null, &quot;_per_feature_weight_override&quot;: null, &quot;_vocab_paths&quot;: null, &quot;_add_default_generators&quot;: true, &quot;_use_sketch_based_topk_uniques&quot;: false}</td></tr><tr><td class=\"attr-name\">['exclude_splits']</td><td class = \"attrvalue\">[]</td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">.component.inputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['examples']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Examples'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1940</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Examples</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Examples'</span> (uri: ./pipeline/CsvExampleGen/examples/9)<span class=\"deemphasize\"> at 0x7ff9ec296b50</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Examples&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/CsvExampleGen/examples/9</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr><tr><td class=\"attr-name\">.version</td><td class = \"attrvalue\">0</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['schema']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Schema'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9b611de50</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Schema</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Schema'</span> (uri: ./pipeline/ImportSchemaGen/schema/12)<span class=\"deemphasize\"> at 0x7ff867632490</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Schema&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/ImportSchemaGen/schema/12</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.component.outputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['statistics']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9b611d4f0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleStatistics</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (uri: ./pipeline/StatisticsGen/statistics/13)<span class=\"deemphasize\"> at 0x7ff9b607a250</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleStatistics&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/StatisticsGen/statistics/13</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></div>"
      ],
      "text/plain": [
       "ExecutionResult(\n",
       "    component_id: StatisticsGen\n",
       "    execution_id: 13\n",
       "    outputs:\n",
       "        statistics: Channel(\n",
       "            type_name: ExampleStatistics\n",
       "            artifacts: [Artifact(artifact: id: 19\n",
       "        type_id: 16\n",
       "        uri: \"./pipeline/StatisticsGen/statistics/13\"\n",
       "        properties {\n",
       "          key: \"split_names\"\n",
       "          value {\n",
       "            string_value: \"[\\\"train\\\", \\\"eval\\\"]\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"name\"\n",
       "          value {\n",
       "            string_value: \"statistics\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"producer_component\"\n",
       "          value {\n",
       "            string_value: \"StatisticsGen\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"state\"\n",
       "          value {\n",
       "            string_value: \"published\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"tfx_version\"\n",
       "          value {\n",
       "            string_value: \"1.3.0\"\n",
       "          }\n",
       "        }\n",
       "        state: LIVE\n",
       "        , artifact_type: id: 16\n",
       "        name: \"ExampleStatistics\"\n",
       "        properties {\n",
       "          key: \"span\"\n",
       "          value: INT\n",
       "        }\n",
       "        properties {\n",
       "          key: \"split_names\"\n",
       "          value: STRING\n",
       "        }\n",
       "        )]\n",
       "            additional_properties: {}\n",
       "            additional_custom_properties: {}\n",
       "        ))"
      ]
     },
     "execution_count": 31,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "### START CODE HERE ###\n",
    "# Use StatisticsGen to compute the statistics using the curated schema\n",
    "statistics_gen_updated = tfx.components.StatisticsGen(\n",
    "    examples=example_gen.outputs['examples'],\n",
    "    stats_options=tfdv.StatsOptions(infer_type_from_schema=True),\n",
    "    schema=user_schema_importer.outputs['schema'])\n",
    "    \n",
    "\n",
    "# Run the component\n",
    "context.run(statistics_gen_updated)\n",
    "### END CODE HERE ###"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 32,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 664
    },
    "id": "9e1f6cH2jiPD",
    "outputId": "079fd74a-6dda-4abc-b096-d7ed044e234f"
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<b>Artifact at ./pipeline/StatisticsGen/statistics/13</b><br/><br/>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<div><b>'train' split:</b></div><br/>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<iframe id='facets-iframe' width=\"100%\" height=\"500px\"></iframe>\n",
       "        <script>\n",
       "        facets_iframe = document.getElementById('facets-iframe');\n",
       "        facets_html = '<script src=\"https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.3.3/webcomponents-lite.js\"><\\/script><link rel=\"import\" href=\"https://raw.githubusercontent.com/PAIR-code/facets/master/facets-dist/facets-jupyter.html\"><facets-overview proto-input=\"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\"></facets-overview>';\n",
       "        facets_iframe.srcdoc = facets_html;\n",
       "         facets_iframe.id = \"\";\n",
       "         setTimeout(() => {\n",
       "           facets_iframe.setAttribute('height', facets_iframe.contentWindow.document.body.offsetHeight + 'px')\n",
       "         }, 1500)\n",
       "         </script>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<div><b>'eval' split:</b></div><br/>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<iframe id='facets-iframe' width=\"100%\" height=\"500px\"></iframe>\n",
       "        <script>\n",
       "        facets_iframe = document.getElementById('facets-iframe');\n",
       "        facets_html = '<script src=\"https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.3.3/webcomponents-lite.js\"><\\/script><link rel=\"import\" href=\"https://raw.githubusercontent.com/PAIR-code/facets/master/facets-dist/facets-jupyter.html\"><facets-overview proto-input=\"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\"></facets-overview>';\n",
       "        facets_iframe.srcdoc = facets_html;\n",
       "         facets_iframe.id = \"\";\n",
       "         setTimeout(() => {\n",
       "           facets_iframe.setAttribute('height', facets_iframe.contentWindow.document.body.offsetHeight + 'px')\n",
       "         }, 1500)\n",
       "         </script>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "context.show(statistics_gen_updated.outputs['statistics'])"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "8Ya6FRcLy11U"
   },
   "source": [
    "The chart will look mostly the same from the previous runs but you can see that the `Cover Type` is now under the categorical features. That shows that `StatisticsGen` is indeed using the updated schema."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "z7IurTkkwUNP"
   },
   "source": [
    "<a name='4-8'></a>\n",
    "### 4.8 - Check anomalies\n",
    "\n",
    "You will now check if the dataset has any anomalies with respect to the schema. You can do that easily with the [ExampleValidator](https://www.tensorflow.org/tfx/guide/exampleval) component."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "Rx3kqz0CnEqr"
   },
   "source": [
    "<a name='ex-9'></a>\n",
    "#### Exercise 9: ExampleValidator\n",
    "\n",
    "Check if there are any anomalies using `ExampleValidator`. You will need to pass in the updated statistics and schema from the previous sections."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 33,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 196
    },
    "deletable": false,
    "graded": true,
    "id": "kvBzLuyPqboL",
    "name": "training_anomalies",
    "outputId": "5bcc9773-7df7-4cd0-b816-a1d5679da0ff",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object expanded\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">ExecutionResult</span><span class=\"deemphasize\"> at 0x7ff9cee22850</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.execution_id</td><td class = \"attrvalue\">14</td></tr><tr><td class=\"attr-name\">.component</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">ExampleValidator</span><span class=\"deemphasize\"> at 0x7ff9b56188b0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.inputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['statistics']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1e80</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleStatistics</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (uri: ./pipeline/StatisticsGen/statistics/10)<span class=\"deemphasize\"> at 0x7ff9c6951a90</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleStatistics&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/StatisticsGen/statistics/10</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['schema']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Schema'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9b611de50</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Schema</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Schema'</span> (uri: ./pipeline/ImportSchemaGen/schema/12)<span class=\"deemphasize\"> at 0x7ff867632490</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Schema&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/ImportSchemaGen/schema/12</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.outputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['anomalies']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleAnomalies'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9b56185b0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleAnomalies</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleAnomalies'</span> (uri: ./pipeline/ExampleValidator/anomalies/14)<span class=\"deemphasize\"> at 0x7ff9b5618b80</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleAnomalies&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/ExampleValidator/anomalies/14</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.exec_properties</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['exclude_splits']</td><td class = \"attrvalue\">[]</td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">.component.inputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['statistics']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1e80</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleStatistics</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (uri: ./pipeline/StatisticsGen/statistics/10)<span class=\"deemphasize\"> at 0x7ff9c6951a90</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleStatistics&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/StatisticsGen/statistics/10</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['schema']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Schema'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9b611de50</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Schema</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Schema'</span> (uri: ./pipeline/ImportSchemaGen/schema/12)<span class=\"deemphasize\"> at 0x7ff867632490</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Schema&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/ImportSchemaGen/schema/12</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.component.outputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['anomalies']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleAnomalies'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9b56185b0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleAnomalies</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleAnomalies'</span> (uri: ./pipeline/ExampleValidator/anomalies/14)<span class=\"deemphasize\"> at 0x7ff9b5618b80</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleAnomalies&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/ExampleValidator/anomalies/14</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></div>"
      ],
      "text/plain": [
       "ExecutionResult(\n",
       "    component_id: ExampleValidator\n",
       "    execution_id: 14\n",
       "    outputs:\n",
       "        anomalies: Channel(\n",
       "            type_name: ExampleAnomalies\n",
       "            artifacts: [Artifact(artifact: id: 20\n",
       "        type_id: 21\n",
       "        uri: \"./pipeline/ExampleValidator/anomalies/14\"\n",
       "        properties {\n",
       "          key: \"split_names\"\n",
       "          value {\n",
       "            string_value: \"[\\\"train\\\", \\\"eval\\\"]\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"name\"\n",
       "          value {\n",
       "            string_value: \"anomalies\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"producer_component\"\n",
       "          value {\n",
       "            string_value: \"ExampleValidator\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"state\"\n",
       "          value {\n",
       "            string_value: \"published\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"tfx_version\"\n",
       "          value {\n",
       "            string_value: \"1.3.0\"\n",
       "          }\n",
       "        }\n",
       "        state: LIVE\n",
       "        , artifact_type: id: 21\n",
       "        name: \"ExampleAnomalies\"\n",
       "        properties {\n",
       "          key: \"span\"\n",
       "          value: INT\n",
       "        }\n",
       "        properties {\n",
       "          key: \"split_names\"\n",
       "          value: STRING\n",
       "        }\n",
       "        )]\n",
       "            additional_properties: {}\n",
       "            additional_custom_properties: {}\n",
       "        ))"
      ]
     },
     "execution_count": 33,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "### START CODE HERE ###\n",
    "\n",
    "example_validator = tfx.components.ExampleValidator(\n",
    "    statistics=statistics_gen.outputs['statistics'],\n",
    "    schema=user_schema_importer.outputs['schema'])\n",
    "    \n",
    "# Run the component.\n",
    "context.run(example_validator)\n",
    "\n",
    "### END CODE HERE ###"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 34,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 198
    },
    "id": "FdBbjraG2PZf",
    "outputId": "19888998-729e-4179-fcb0-66f3b668fceb"
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<b>Artifact at ./pipeline/ExampleValidator/anomalies/14</b><br/><br/>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<div><b>'train' split:</b></div><br/>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<h4 style=\"color:green;\">No anomalies found.</h4>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<div><b>'eval' split:</b></div><br/>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<h4 style=\"color:green;\">No anomalies found.</h4>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# Visualize the results\n",
    "context.show(example_validator.outputs['anomalies'])"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "duwFgpTYIaYD"
   },
   "source": [
    "<a name='4-10'></a>\n",
    "### 4.10 - Feature engineering\n",
    "\n",
    "You will now proceed to transforming your features to a form suitable for training a model. This can include several methods such as scaling and converting strings to vocabulary indices. It is important for these transformations to be consistent across your training data, and also for the serving data when the model is deployed for inference. TFX ensures this by generating a graph that will process incoming data both during training and inference.\n",
    "\n",
    "Let's first declare the constants and utility function you will use for the exercise."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 35,
   "metadata": {
    "deletable": false,
    "editable": false,
    "id": "vz5VLpMF0R_s",
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Set the constants module filename\n",
    "_cover_constants_module_file = 'cover_constants.py'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 36,
   "metadata": {
    "deletable": false,
    "editable": false,
    "id": "FOkTSEia0UE3",
    "outputId": "842c7c91-bff7-4543-9d9e-25fb9fdd3719",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Overwriting cover_constants.py\n"
     ]
    }
   ],
   "source": [
    "%%writefile {_cover_constants_module_file}\n",
    "\n",
    "SCALE_MINMAX_FEATURE_KEYS = [\n",
    "        \"Horizontal_Distance_To_Hydrology\",\n",
    "        \"Vertical_Distance_To_Hydrology\",\n",
    "    ]\n",
    "\n",
    "SCALE_01_FEATURE_KEYS = [\n",
    "        \"Hillshade_9am\",\n",
    "        \"Hillshade_Noon\",\n",
    "        \"Horizontal_Distance_To_Fire_Points\",\n",
    "    ]\n",
    "\n",
    "SCALE_Z_FEATURE_KEYS = [\n",
    "        \"Elevation\",\n",
    "        \"Slope\",\n",
    "        \"Horizontal_Distance_To_Roadways\",\n",
    "    ]\n",
    "\n",
    "VOCAB_FEATURE_KEYS = [\"Wilderness_Area\"]\n",
    "\n",
    "HASH_STRING_FEATURE_KEYS = [\"Soil_Type\"]\n",
    "\n",
    "LABEL_KEY = \"Cover_Type\"\n",
    "\n",
    "# Utility function for renaming the feature\n",
    "def transformed_name(key):\n",
    "    return key + '_xf'"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "YYZX-xB03lk8"
   },
   "source": [
    "Next you will define the `preprocessing_fn` to apply transformations to the features. "
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "tdXFOnB4nKRn"
   },
   "source": [
    "<a name='ex-10'></a>\n",
    "#### Exercise 10: Preprocessing function\n",
    "\n",
    "Complete the module to transform your features. Refer to the code comments to get hints on what operations to perform.\n",
    "\n",
    "Here are some links to the docs of the functions you will need to complete this function:\n",
    "\n",
    "- [`tft.scale_by_min_max`](https://www.tensorflow.org/tfx/transform/api_docs/python/tft/scale_by_min_max)\n",
    "- [`tft.scale_to_0_1`](https://www.tensorflow.org/tfx/transform/api_docs/python/tft/scale_to_0_1)\n",
    "- [`tft.scale_to_z_score`](https://www.tensorflow.org/tfx/transform/api_docs/python/tft/scale_to_z_score)\n",
    "- [`tft.compute_and_apply_vocabulary`](https://www.tensorflow.org/tfx/transform/api_docs/python/tft/compute_and_apply_vocabulary)\n",
    "- [`tft.hash_strings`](https://www.tensorflow.org/tfx/transform/api_docs/python/tft/hash_strings)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 37,
   "metadata": {
    "deletable": false,
    "editable": false,
    "id": "Elp0jej91iiT",
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Set the transform module filename\n",
    "_cover_transform_module_file = 'cover_transform.py'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 38,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "deletable": false,
    "graded": true,
    "id": "PJpPxzh6kdNM",
    "name": "exercise_10",
    "outputId": "6000419f-1124-4d04-af50-9a77e6cdec63",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Overwriting cover_transform.py\n"
     ]
    }
   ],
   "source": [
    "%%writefile {_cover_transform_module_file}\n",
    "\n",
    "import tensorflow as tf\n",
    "import tensorflow_transform as tft\n",
    "\n",
    "import cover_constants\n",
    "\n",
    "_SCALE_MINMAX_FEATURE_KEYS = cover_constants.SCALE_MINMAX_FEATURE_KEYS\n",
    "_SCALE_01_FEATURE_KEYS = cover_constants.SCALE_01_FEATURE_KEYS\n",
    "_SCALE_Z_FEATURE_KEYS = cover_constants.SCALE_Z_FEATURE_KEYS\n",
    "_VOCAB_FEATURE_KEYS = cover_constants.VOCAB_FEATURE_KEYS\n",
    "_HASH_STRING_FEATURE_KEYS = cover_constants.HASH_STRING_FEATURE_KEYS\n",
    "_LABEL_KEY = cover_constants.LABEL_KEY\n",
    "_transformed_name = cover_constants.transformed_name\n",
    "\n",
    "def preprocessing_fn(inputs):\n",
    "\n",
    "    features_dict = {}\n",
    "\n",
    "    ### START CODE HERE ###\n",
    "    for feature in _SCALE_MINMAX_FEATURE_KEYS:\n",
    "        data_col = inputs[feature]         \n",
    "        # Transform using scaling of min_max function\n",
    "        # Hint: Use tft.scale_by_min_max by passing in the respective column\n",
    "        # Use the *default* output range of the function\n",
    "        features_dict[_transformed_name(feature)] = tft.scale_by_min_max(data_col)\n",
    "\n",
    "    for feature in _SCALE_01_FEATURE_KEYS:\n",
    "        data_col = inputs[feature]         \n",
    "        # Transform using scaling of 0 to 1 function\n",
    "        # Hint: tft.scale_to_0_1\n",
    "        features_dict[_transformed_name(feature)] = tft.scale_to_0_1(data_col)\n",
    "\n",
    "    for feature in _SCALE_Z_FEATURE_KEYS:\n",
    "        data_col = inputs[feature]         \n",
    "        # Transform using scaling to z score\n",
    "        # Hint: tft.scale_to_z_score\n",
    "        features_dict[_transformed_name(feature)] = tft.scale_to_z_score(data_col)\n",
    "\n",
    "    for feature in _VOCAB_FEATURE_KEYS:\n",
    "        data_col = inputs[feature]         \n",
    "        # Transform using vocabulary available in column\n",
    "        # Hint: Use tft.compute_and_apply_vocabulary\n",
    "        features_dict[_transformed_name(feature)] = tft.compute_and_apply_vocabulary(data_col)\n",
    "\n",
    "    for feature in _HASH_STRING_FEATURE_KEYS:\n",
    "        data_col = inputs[feature]         \n",
    "        # Transform by hashing strings into buckets\n",
    "        # Hint: Use tft.hash_strings with the param hash_buckets set to 10\n",
    "        features_dict[_transformed_name(feature)] = tft.hash_strings(data_col, hash_buckets=10)\n",
    "    \n",
    "    ### END CODE HERE ###  \n",
    "\n",
    "    # No change in the label\n",
    "    features_dict[_LABEL_KEY] = inputs[_LABEL_KEY]\n",
    "\n",
    "    return features_dict\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 39,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "WARNING:apache_beam.options.pipeline_options:Discarding unparseable args: ['/opt/conda/lib/python3.8/site-packages/ipykernel_launcher.py', '-f', '/home/jovyan/.local/share/jupyter/runtime/kernel-c3ce1ff3-02b2-454c-b552-153bbcde18da.json']\n",
      "WARNING:root:Make sure that locally built Python SDK docker image has Python 3.8 interpreter.\n"
     ]
    }
   ],
   "source": [
    "# Test your preprocessing_fn\n",
    "\n",
    "import cover_transform\n",
    "from testing_values import feature_description, raw_data\n",
    "\n",
    "# NOTE: These next two lines are for reloading your cover_transform module in case you need to \n",
    "# update your initial solution and re-run this cell. Please do not remove them especially if you\n",
    "# have revised your solution. Else, your changes will not be detected.\n",
    "import importlib\n",
    "importlib.reload(cover_transform)\n",
    "\n",
    "raw_data_metadata = dataset_metadata.DatasetMetadata(schema_utils.schema_from_feature_spec(feature_description))\n",
    "\n",
    "with tft_beam.Context(temp_dir=tempfile.mkdtemp()):\n",
    "    transformed_dataset, _ = (\n",
    "        (raw_data, raw_data_metadata) | tft_beam.AnalyzeAndTransformDataset(cover_transform.preprocessing_fn))\n",
    "\n",
    "transformed_data, transformed_metadata = transformed_dataset"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 40,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[{'Cover_Type': 4,\n",
       "  'Elevation_xf': 0.0,\n",
       "  'Hillshade_9am_xf': 1.0,\n",
       "  'Hillshade_Noon_xf': 1.0,\n",
       "  'Horizontal_Distance_To_Fire_Points_xf': 1.0,\n",
       "  'Horizontal_Distance_To_Hydrology_xf': 1.0,\n",
       "  'Horizontal_Distance_To_Roadways_xf': 0.0,\n",
       "  'Slope_xf': 0.0,\n",
       "  'Soil_Type_xf': 4,\n",
       "  'Vertical_Distance_To_Hydrology_xf': 0.5,\n",
       "  'Wilderness_Area_xf': 0}]"
      ]
     },
     "execution_count": 40,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Test that the transformed data matches the expected output\n",
    "transformed_data"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "**Expected Output:**\n",
    "\n",
    "```\n",
    "[{'Cover_Type': 4,\n",
    "  'Elevation_xf': 0.0,\n",
    "  'Hillshade_9am_xf': 1.0,\n",
    "  'Hillshade_Noon_xf': 1.0,\n",
    "  'Horizontal_Distance_To_Fire_Points_xf': 1.0,\n",
    "  'Horizontal_Distance_To_Hydrology_xf': 1.0,\n",
    "  'Horizontal_Distance_To_Roadways_xf': 0.0,\n",
    "  'Slope_xf': 0.0,\n",
    "  'Soil_Type_xf': 4,\n",
    "  'Vertical_Distance_To_Hydrology_xf': 0.5,\n",
    "  'Wilderness_Area_xf': 0}]\n",
    "```"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 41,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "{'feature': [{'name': 'Cover_Type',\n",
       "   'type': 'INT',\n",
       "   'presence': {'minFraction': 1.0},\n",
       "   'shape': {}},\n",
       "  {'name': 'Elevation_xf',\n",
       "   'type': 'FLOAT',\n",
       "   'presence': {'minFraction': 1.0},\n",
       "   'shape': {}},\n",
       "  {'name': 'Hillshade_9am_xf',\n",
       "   'type': 'FLOAT',\n",
       "   'presence': {'minFraction': 1.0},\n",
       "   'shape': {}},\n",
       "  {'name': 'Hillshade_Noon_xf',\n",
       "   'type': 'FLOAT',\n",
       "   'presence': {'minFraction': 1.0},\n",
       "   'shape': {}},\n",
       "  {'name': 'Horizontal_Distance_To_Fire_Points_xf',\n",
       "   'type': 'FLOAT',\n",
       "   'presence': {'minFraction': 1.0},\n",
       "   'shape': {}},\n",
       "  {'name': 'Horizontal_Distance_To_Hydrology_xf',\n",
       "   'type': 'FLOAT',\n",
       "   'presence': {'minFraction': 1.0},\n",
       "   'shape': {}},\n",
       "  {'name': 'Horizontal_Distance_To_Roadways_xf',\n",
       "   'type': 'FLOAT',\n",
       "   'presence': {'minFraction': 1.0},\n",
       "   'shape': {}},\n",
       "  {'name': 'Slope_xf',\n",
       "   'type': 'FLOAT',\n",
       "   'presence': {'minFraction': 1.0},\n",
       "   'shape': {}},\n",
       "  {'name': 'Soil_Type_xf',\n",
       "   'type': 'INT',\n",
       "   'presence': {'minFraction': 1.0},\n",
       "   'shape': {}},\n",
       "  {'name': 'Vertical_Distance_To_Hydrology_xf',\n",
       "   'type': 'FLOAT',\n",
       "   'presence': {'minFraction': 1.0},\n",
       "   'shape': {}},\n",
       "  {'name': 'Wilderness_Area_xf',\n",
       "   'type': 'INT',\n",
       "   'intDomain': {'isCategorical': True},\n",
       "   'presence': {'minFraction': 1.0},\n",
       "   'shape': {}}]}"
      ]
     },
     "execution_count": 41,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Test that the transformed metadata's schema matches the expected output\n",
    "MessageToDict(transformed_metadata.schema)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "**Expected Output:**\n",
    "\n",
    "```\n",
    "{'feature': [{'name': 'Cover_Type',\n",
    "   'type': 'INT',\n",
    "   'presence': {'minFraction': 1.0},\n",
    "   'shape': {}},\n",
    "  {'name': 'Elevation_xf',\n",
    "   'type': 'FLOAT',\n",
    "   'presence': {'minFraction': 1.0},\n",
    "   'shape': {}},\n",
    "  {'name': 'Hillshade_9am_xf',\n",
    "   'type': 'FLOAT',\n",
    "   'presence': {'minFraction': 1.0},\n",
    "   'shape': {}},\n",
    "  {'name': 'Hillshade_Noon_xf',\n",
    "   'type': 'FLOAT',\n",
    "   'presence': {'minFraction': 1.0},\n",
    "   'shape': {}},\n",
    "  {'name': 'Horizontal_Distance_To_Fire_Points_xf',\n",
    "   'type': 'FLOAT',\n",
    "   'presence': {'minFraction': 1.0},\n",
    "   'shape': {}},\n",
    "  {'name': 'Horizontal_Distance_To_Hydrology_xf',\n",
    "   'type': 'FLOAT',\n",
    "   'presence': {'minFraction': 1.0},\n",
    "   'shape': {}},\n",
    "  {'name': 'Horizontal_Distance_To_Roadways_xf',\n",
    "   'type': 'FLOAT',\n",
    "   'presence': {'minFraction': 1.0},\n",
    "   'shape': {}},\n",
    "  {'name': 'Slope_xf',\n",
    "   'type': 'FLOAT',\n",
    "   'presence': {'minFraction': 1.0},\n",
    "   'shape': {}},\n",
    "  {'name': 'Soil_Type_xf',\n",
    "   'type': 'INT',\n",
    "   'presence': {'minFraction': 1.0},\n",
    "   'shape': {}},\n",
    "  {'name': 'Vertical_Distance_To_Hydrology_xf',\n",
    "   'type': 'FLOAT',\n",
    "   'presence': {'minFraction': 1.0},\n",
    "   'shape': {}},\n",
    "  {'name': 'Wilderness_Area_xf',\n",
    "   'type': 'INT',\n",
    "   'intDomain': {'isCategorical': True},\n",
    "   'presence': {'minFraction': 1.0},\n",
    "   'shape': {}}]}\n",
    "```"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "eNhFUd68nTYQ"
   },
   "source": [
    "<a name='ex-11'></a>\n",
    "#### Exercise 11: Transform\n",
    "\n",
    "Use the [TFX Transform component](https://www.tensorflow.org/tfx/api_docs/python/tfx/components/Transform) to perform the transformations and generate the transformation graph. You will need to pass in the dataset examples, *curated* schema, and the module that contains the preprocessing function."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 42,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 498
    },
    "deletable": false,
    "id": "dq88l0XjkdQI",
    "outputId": "ed226bf9-c374-4494-b603-89187f93cb87",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "WARNING:root:This output type hint will be ignored and not used for type-checking purposes. Typically, output type hints for a PTransform are single (or nested) types wrapped by a PCollection, PDone, or None. Got: Tuple[Dict[str, Union[NoneType, _Dataset]], Union[Dict[str, Dict[str, PCollection]], NoneType], int] instead.\n",
      "WARNING:absl:Tables initialized inside a tf.function  will be re-initialized on every invocation of the function. This  re-initialization can have significant impact on performance. Consider lifting  them out of the graph context using  `tf.init_scope`.: compute_and_apply_vocabulary/apply_vocab/text_file_init/InitializeTableFromTextFileV2\n",
      "WARNING:absl:Tables initialized inside a tf.function  will be re-initialized on every invocation of the function. This  re-initialization can have significant impact on performance. Consider lifting  them out of the graph context using  `tf.init_scope`.: compute_and_apply_vocabulary/apply_vocab/text_file_init/InitializeTableFromTextFileV2\n",
      "WARNING:root:This output type hint will be ignored and not used for type-checking purposes. Typically, output type hints for a PTransform are single (or nested) types wrapped by a PCollection, PDone, or None. Got: Tuple[Dict[str, Union[NoneType, _Dataset]], Union[Dict[str, Dict[str, PCollection]], NoneType], int] instead.\n",
      "WARNING:root:Make sure that locally built Python SDK docker image has Python 3.8 interpreter.\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "<style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object expanded\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">ExecutionResult</span><span class=\"deemphasize\"> at 0x7ff9a4257730</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.execution_id</td><td class = \"attrvalue\">15</td></tr><tr><td class=\"attr-name\">.component</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Transform</span><span class=\"deemphasize\"> at 0x7ff9a42572b0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.inputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['examples']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Examples'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1940</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Examples</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Examples'</span> (uri: ./pipeline/CsvExampleGen/examples/9)<span class=\"deemphasize\"> at 0x7ff9ec296b50</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Examples&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/CsvExampleGen/examples/9</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr><tr><td class=\"attr-name\">.version</td><td class = \"attrvalue\">0</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['schema']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Schema'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9c68b7a00</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Schema</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Schema'</span> (uri: ./pipeline/SchemaGen/schema/11)<span class=\"deemphasize\"> at 0x7ff9c69518e0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Schema&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/SchemaGen/schema/11</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.outputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['transform_graph']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'TransformGraph'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a42572e0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">TransformGraph</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'TransformGraph'</span> (uri: ./pipeline/Transform/transform_graph/15)<span class=\"deemphasize\"> at 0x7ff9a4257e20</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.TransformGraph&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/transform_graph/15</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['transformed_examples']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Examples'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a42575b0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Examples</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Examples'</span> (uri: ./pipeline/Transform/transformed_examples/15)<span class=\"deemphasize\"> at 0x7ff9a4257550</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Examples&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/transformed_examples/15</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr><tr><td class=\"attr-name\">.version</td><td class = \"attrvalue\">0</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['updated_analyzer_cache']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'TransformCache'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a42577c0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">TransformCache</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'TransformCache'</span> (uri: ./pipeline/Transform/updated_analyzer_cache/15)<span class=\"deemphasize\"> at 0x7ff9a42577f0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.TransformCache&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/updated_analyzer_cache/15</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['pre_transform_schema']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Schema'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a4257160</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Schema</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Schema'</span> (uri: ./pipeline/Transform/pre_transform_schema/15)<span class=\"deemphasize\"> at 0x7ff9a4257a90</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Schema&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/pre_transform_schema/15</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['pre_transform_stats']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a4257070</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleStatistics</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (uri: ./pipeline/Transform/pre_transform_stats/15)<span class=\"deemphasize\"> at 0x7ff9a4257670</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleStatistics&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/pre_transform_stats/15</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\"></td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['post_transform_schema']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Schema'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a4257040</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Schema</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Schema'</span> (uri: ./pipeline/Transform/post_transform_schema/15)<span class=\"deemphasize\"> at 0x7ff9a4257880</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Schema&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/post_transform_schema/15</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['post_transform_stats']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a42575e0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleStatistics</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (uri: ./pipeline/Transform/post_transform_stats/15)<span class=\"deemphasize\"> at 0x7ff9a42573a0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleStatistics&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/post_transform_stats/15</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\"></td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['post_transform_anomalies']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleAnomalies'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a4257a00</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleAnomalies</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleAnomalies'</span> (uri: ./pipeline/Transform/post_transform_anomalies/15)<span class=\"deemphasize\"> at 0x7ff9a4257490</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleAnomalies&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/post_transform_anomalies/15</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\"></td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.exec_properties</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['module_file']</td><td class = \"attrvalue\">None</td></tr><tr><td class=\"attr-name\">['preprocessing_fn']</td><td class = \"attrvalue\">None</td></tr><tr><td class=\"attr-name\">['stats_options_updater_fn']</td><td class = \"attrvalue\">None</td></tr><tr><td class=\"attr-name\">['force_tf_compat_v1']</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">['custom_config']</td><td class = \"attrvalue\">null</td></tr><tr><td class=\"attr-name\">['splits_config']</td><td class = \"attrvalue\">None</td></tr><tr><td class=\"attr-name\">['disable_statistics']</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">['module_path']</td><td class = \"attrvalue\">cover_transform@./pipeline/_wheels/tfx_user_code_Transform-0.0+7898b65199696404a713860cf4e4a4d59160ef9dc6b18bb51bb8b36ea6f39337-py3-none-any.whl</td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">.component.inputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['examples']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Examples'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9ceef1940</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Examples</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Examples'</span> (uri: ./pipeline/CsvExampleGen/examples/9)<span class=\"deemphasize\"> at 0x7ff9ec296b50</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Examples&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/CsvExampleGen/examples/9</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr><tr><td class=\"attr-name\">.version</td><td class = \"attrvalue\">0</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['schema']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Schema'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9c68b7a00</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Schema</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Schema'</span> (uri: ./pipeline/SchemaGen/schema/11)<span class=\"deemphasize\"> at 0x7ff9c69518e0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Schema&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/SchemaGen/schema/11</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr><tr><td class=\"attr-name\">.component.outputs</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">['transform_graph']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'TransformGraph'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a42572e0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">TransformGraph</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'TransformGraph'</span> (uri: ./pipeline/Transform/transform_graph/15)<span class=\"deemphasize\"> at 0x7ff9a4257e20</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.TransformGraph&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/transform_graph/15</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['transformed_examples']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Examples'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a42575b0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Examples</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Examples'</span> (uri: ./pipeline/Transform/transformed_examples/15)<span class=\"deemphasize\"> at 0x7ff9a4257550</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Examples&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/transformed_examples/15</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\">[&quot;train&quot;, &quot;eval&quot;]</td></tr><tr><td class=\"attr-name\">.version</td><td class = \"attrvalue\">0</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['updated_analyzer_cache']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'TransformCache'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a42577c0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">TransformCache</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'TransformCache'</span> (uri: ./pipeline/Transform/updated_analyzer_cache/15)<span class=\"deemphasize\"> at 0x7ff9a42577f0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.TransformCache&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/updated_analyzer_cache/15</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['pre_transform_schema']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Schema'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a4257160</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Schema</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Schema'</span> (uri: ./pipeline/Transform/pre_transform_schema/15)<span class=\"deemphasize\"> at 0x7ff9a4257a90</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Schema&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/pre_transform_schema/15</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['pre_transform_stats']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a4257070</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleStatistics</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (uri: ./pipeline/Transform/pre_transform_stats/15)<span class=\"deemphasize\"> at 0x7ff9a4257670</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleStatistics&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/pre_transform_stats/15</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\"></td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['post_transform_schema']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'Schema'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a4257040</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">Schema</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'Schema'</span> (uri: ./pipeline/Transform/post_transform_schema/15)<span class=\"deemphasize\"> at 0x7ff9a4257880</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.Schema&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/post_transform_schema/15</td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['post_transform_stats']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a42575e0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleStatistics</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleStatistics'</span> (uri: ./pipeline/Transform/post_transform_stats/15)<span class=\"deemphasize\"> at 0x7ff9a42573a0</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleStatistics&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/post_transform_stats/15</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\"></td></tr></table></div></td></tr></table></td></tr></table></div></td></tr><tr><td class=\"attr-name\">['post_transform_anomalies']</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Channel</span> of type <span class=\"class-name\">'ExampleAnomalies'</span> (1 artifact)<span class=\"deemphasize\"> at 0x7ff9a4257a00</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type_name</td><td class = \"attrvalue\">ExampleAnomalies</td></tr><tr><td class=\"attr-name\">._artifacts</td><td class = \"attrvalue\"><table class=\"attr-table\"><tr><td class=\"attr-name\">[0]</td><td class = \"attrvalue\"><style>\n",
       ".tfx-object.expanded {\n",
       "  padding: 4px 8px 4px 8px;\n",
       "  background: white;\n",
       "  border: 1px solid #bbbbbb;\n",
       "  box-shadow: 4px 4px 2px rgba(0,0,0,0.05);\n",
       "}\n",
       ".tfx-object, .tfx-object * {\n",
       "  font-size: 11pt;\n",
       "}\n",
       ".tfx-object > .title {\n",
       "  cursor: pointer;\n",
       "}\n",
       ".tfx-object .expansion-marker {\n",
       "  color: #999999;\n",
       "}\n",
       ".tfx-object.expanded > .title > .expansion-marker:before {\n",
       "  content: '▼';\n",
       "}\n",
       ".tfx-object.collapsed > .title > .expansion-marker:before {\n",
       "  content: '▶';\n",
       "}\n",
       ".tfx-object .class-name {\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object .deemphasize {\n",
       "  opacity: 0.5;\n",
       "}\n",
       ".tfx-object.collapsed > table.attr-table {\n",
       "  display: none;\n",
       "}\n",
       ".tfx-object.expanded > table.attr-table {\n",
       "  display: block;\n",
       "}\n",
       ".tfx-object table.attr-table {\n",
       "  border: 2px solid white;\n",
       "  margin-top: 5px;\n",
       "}\n",
       ".tfx-object table.attr-table td.attr-name {\n",
       "  vertical-align: top;\n",
       "  font-weight: bold;\n",
       "}\n",
       ".tfx-object table.attr-table td.attrvalue {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<script>\n",
       "function toggleTfxObject(element) {\n",
       "  var objElement = element.parentElement;\n",
       "  if (objElement.classList.contains('collapsed')) {\n",
       "    objElement.classList.remove('collapsed');\n",
       "    objElement.classList.add('expanded');\n",
       "  } else {\n",
       "    objElement.classList.add('collapsed');\n",
       "    objElement.classList.remove('expanded');\n",
       "  }\n",
       "}\n",
       "</script>\n",
       "<div class=\"tfx-object collapsed\"><div class = \"title\" onclick=\"toggleTfxObject(this)\"><span class=\"expansion-marker\"></span><span class=\"class-name\">Artifact</span> of type <span class=\"class-name\">'ExampleAnomalies'</span> (uri: ./pipeline/Transform/post_transform_anomalies/15)<span class=\"deemphasize\"> at 0x7ff9a4257490</span></div><table class=\"attr-table\"><tr><td class=\"attr-name\">.type</td><td class = \"attrvalue\">&lt;class &#x27;tfx.types.standard_artifacts.ExampleAnomalies&#x27;&gt;</td></tr><tr><td class=\"attr-name\">.uri</td><td class = \"attrvalue\">./pipeline/Transform/post_transform_anomalies/15</td></tr><tr><td class=\"attr-name\">.span</td><td class = \"attrvalue\">0</td></tr><tr><td class=\"attr-name\">.split_names</td><td class = \"attrvalue\"></td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></div>"
      ],
      "text/plain": [
       "ExecutionResult(\n",
       "    component_id: Transform\n",
       "    execution_id: 15\n",
       "    outputs:\n",
       "        transform_graph: Channel(\n",
       "            type_name: TransformGraph\n",
       "            artifacts: [Artifact(artifact: id: 21\n",
       "        type_id: 23\n",
       "        uri: \"./pipeline/Transform/transform_graph/15\"\n",
       "        custom_properties {\n",
       "          key: \"name\"\n",
       "          value {\n",
       "            string_value: \"transform_graph\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"producer_component\"\n",
       "          value {\n",
       "            string_value: \"Transform\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"state\"\n",
       "          value {\n",
       "            string_value: \"published\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"tfx_version\"\n",
       "          value {\n",
       "            string_value: \"1.3.0\"\n",
       "          }\n",
       "        }\n",
       "        state: LIVE\n",
       "        , artifact_type: id: 23\n",
       "        name: \"TransformGraph\"\n",
       "        )]\n",
       "            additional_properties: {}\n",
       "            additional_custom_properties: {}\n",
       "        )\n",
       "        transformed_examples: Channel(\n",
       "            type_name: Examples\n",
       "            artifacts: [Artifact(artifact: id: 22\n",
       "        type_id: 14\n",
       "        uri: \"./pipeline/Transform/transformed_examples/15\"\n",
       "        properties {\n",
       "          key: \"split_names\"\n",
       "          value {\n",
       "            string_value: \"[\\\"train\\\", \\\"eval\\\"]\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"name\"\n",
       "          value {\n",
       "            string_value: \"transformed_examples\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"producer_component\"\n",
       "          value {\n",
       "            string_value: \"Transform\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"state\"\n",
       "          value {\n",
       "            string_value: \"published\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"tfx_version\"\n",
       "          value {\n",
       "            string_value: \"1.3.0\"\n",
       "          }\n",
       "        }\n",
       "        state: LIVE\n",
       "        , artifact_type: id: 14\n",
       "        name: \"Examples\"\n",
       "        properties {\n",
       "          key: \"span\"\n",
       "          value: INT\n",
       "        }\n",
       "        properties {\n",
       "          key: \"split_names\"\n",
       "          value: STRING\n",
       "        }\n",
       "        properties {\n",
       "          key: \"version\"\n",
       "          value: INT\n",
       "        }\n",
       "        )]\n",
       "            additional_properties: {}\n",
       "            additional_custom_properties: {}\n",
       "        )\n",
       "        updated_analyzer_cache: Channel(\n",
       "            type_name: TransformCache\n",
       "            artifacts: [Artifact(artifact: id: 23\n",
       "        type_id: 24\n",
       "        uri: \"./pipeline/Transform/updated_analyzer_cache/15\"\n",
       "        custom_properties {\n",
       "          key: \"name\"\n",
       "          value {\n",
       "            string_value: \"updated_analyzer_cache\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"producer_component\"\n",
       "          value {\n",
       "            string_value: \"Transform\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"state\"\n",
       "          value {\n",
       "            string_value: \"published\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"tfx_version\"\n",
       "          value {\n",
       "            string_value: \"1.3.0\"\n",
       "          }\n",
       "        }\n",
       "        state: LIVE\n",
       "        , artifact_type: id: 24\n",
       "        name: \"TransformCache\"\n",
       "        )]\n",
       "            additional_properties: {}\n",
       "            additional_custom_properties: {}\n",
       "        )\n",
       "        pre_transform_schema: Channel(\n",
       "            type_name: Schema\n",
       "            artifacts: [Artifact(artifact: id: 24\n",
       "        type_id: 18\n",
       "        uri: \"./pipeline/Transform/pre_transform_schema/15\"\n",
       "        custom_properties {\n",
       "          key: \"name\"\n",
       "          value {\n",
       "            string_value: \"pre_transform_schema\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"producer_component\"\n",
       "          value {\n",
       "            string_value: \"Transform\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"state\"\n",
       "          value {\n",
       "            string_value: \"published\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"tfx_version\"\n",
       "          value {\n",
       "            string_value: \"1.3.0\"\n",
       "          }\n",
       "        }\n",
       "        state: LIVE\n",
       "        , artifact_type: id: 18\n",
       "        name: \"Schema\"\n",
       "        )]\n",
       "            additional_properties: {}\n",
       "            additional_custom_properties: {}\n",
       "        )\n",
       "        pre_transform_stats: Channel(\n",
       "            type_name: ExampleStatistics\n",
       "            artifacts: [Artifact(artifact: id: 25\n",
       "        type_id: 16\n",
       "        uri: \"./pipeline/Transform/pre_transform_stats/15\"\n",
       "        custom_properties {\n",
       "          key: \"name\"\n",
       "          value {\n",
       "            string_value: \"pre_transform_stats\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"producer_component\"\n",
       "          value {\n",
       "            string_value: \"Transform\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"state\"\n",
       "          value {\n",
       "            string_value: \"published\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"tfx_version\"\n",
       "          value {\n",
       "            string_value: \"1.3.0\"\n",
       "          }\n",
       "        }\n",
       "        state: LIVE\n",
       "        , artifact_type: id: 16\n",
       "        name: \"ExampleStatistics\"\n",
       "        properties {\n",
       "          key: \"span\"\n",
       "          value: INT\n",
       "        }\n",
       "        properties {\n",
       "          key: \"split_names\"\n",
       "          value: STRING\n",
       "        }\n",
       "        )]\n",
       "            additional_properties: {}\n",
       "            additional_custom_properties: {}\n",
       "        )\n",
       "        post_transform_schema: Channel(\n",
       "            type_name: Schema\n",
       "            artifacts: [Artifact(artifact: id: 26\n",
       "        type_id: 18\n",
       "        uri: \"./pipeline/Transform/post_transform_schema/15\"\n",
       "        custom_properties {\n",
       "          key: \"name\"\n",
       "          value {\n",
       "            string_value: \"post_transform_schema\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"producer_component\"\n",
       "          value {\n",
       "            string_value: \"Transform\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"state\"\n",
       "          value {\n",
       "            string_value: \"published\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"tfx_version\"\n",
       "          value {\n",
       "            string_value: \"1.3.0\"\n",
       "          }\n",
       "        }\n",
       "        state: LIVE\n",
       "        , artifact_type: id: 18\n",
       "        name: \"Schema\"\n",
       "        )]\n",
       "            additional_properties: {}\n",
       "            additional_custom_properties: {}\n",
       "        )\n",
       "        post_transform_stats: Channel(\n",
       "            type_name: ExampleStatistics\n",
       "            artifacts: [Artifact(artifact: id: 27\n",
       "        type_id: 16\n",
       "        uri: \"./pipeline/Transform/post_transform_stats/15\"\n",
       "        custom_properties {\n",
       "          key: \"name\"\n",
       "          value {\n",
       "            string_value: \"post_transform_stats\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"producer_component\"\n",
       "          value {\n",
       "            string_value: \"Transform\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"state\"\n",
       "          value {\n",
       "            string_value: \"published\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"tfx_version\"\n",
       "          value {\n",
       "            string_value: \"1.3.0\"\n",
       "          }\n",
       "        }\n",
       "        state: LIVE\n",
       "        , artifact_type: id: 16\n",
       "        name: \"ExampleStatistics\"\n",
       "        properties {\n",
       "          key: \"span\"\n",
       "          value: INT\n",
       "        }\n",
       "        properties {\n",
       "          key: \"split_names\"\n",
       "          value: STRING\n",
       "        }\n",
       "        )]\n",
       "            additional_properties: {}\n",
       "            additional_custom_properties: {}\n",
       "        )\n",
       "        post_transform_anomalies: Channel(\n",
       "            type_name: ExampleAnomalies\n",
       "            artifacts: [Artifact(artifact: id: 28\n",
       "        type_id: 21\n",
       "        uri: \"./pipeline/Transform/post_transform_anomalies/15\"\n",
       "        custom_properties {\n",
       "          key: \"name\"\n",
       "          value {\n",
       "            string_value: \"post_transform_anomalies\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"producer_component\"\n",
       "          value {\n",
       "            string_value: \"Transform\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"state\"\n",
       "          value {\n",
       "            string_value: \"published\"\n",
       "          }\n",
       "        }\n",
       "        custom_properties {\n",
       "          key: \"tfx_version\"\n",
       "          value {\n",
       "            string_value: \"1.3.0\"\n",
       "          }\n",
       "        }\n",
       "        state: LIVE\n",
       "        , artifact_type: id: 21\n",
       "        name: \"ExampleAnomalies\"\n",
       "        properties {\n",
       "          key: \"span\"\n",
       "          value: INT\n",
       "        }\n",
       "        properties {\n",
       "          key: \"split_names\"\n",
       "          value: STRING\n",
       "        }\n",
       "        )]\n",
       "            additional_properties: {}\n",
       "            additional_custom_properties: {}\n",
       "        ))"
      ]
     },
     "execution_count": 42,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "### START CODE HERE ###\n",
    "# Instantiate the Transform component\n",
    "transform = tfx.components.Transform(\n",
    "    examples=example_gen.outputs['examples'],\n",
    "    schema=schema_gen.outputs['schema'],\n",
    "    module_file=os.path.abspath(_cover_transform_module_file))\n",
    "    \n",
    "### END CODE HERE ###\n",
    "\n",
    "# Run the component\n",
    "context.run(transform, enable_cache=False)\n"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Let's inspect a few examples of the transformed dataset to see if the transformations are done correctly."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 43,
   "metadata": {
    "deletable": false,
    "editable": false,
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "try:\n",
    "    transform_uri = transform.outputs['transformed_examples'].get()[0].uri\n",
    "\n",
    "# for grading since context.run() does not work outside the notebook\n",
    "except IndexError:\n",
    "    print(\"context.run() was no-op\")\n",
    "    examples_path = './pipeline/Transform/transformed_examples'\n",
    "    dir_id = os.listdir(examples_path)[0]\n",
    "    transform_uri = f'{examples_path}/{dir_id}'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 44,
   "metadata": {
    "deletable": false,
    "editable": false,
    "id": "9fU8Xa_hkdUS",
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Get the URI of the output artifact representing the transformed examples\n",
    "train_uri = os.path.join(transform_uri, 'Split-train')\n",
    "\n",
    "# Get the list of files in this directory (all compressed TFRecord files)\n",
    "tfrecord_filenames = [os.path.join(train_uri, name)\n",
    "                      for name in os.listdir(train_uri)]\n",
    "\n",
    "# Create a `TFRecordDataset` to read these files\n",
    "transformed_dataset = tf.data.TFRecordDataset(tfrecord_filenames, compression_type=\"GZIP\")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 45,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "deletable": false,
    "editable": false,
    "id": "CYOiQrUS5Kvz",
    "outputId": "ce3b955b-9496-414c-bb97-4e47430333c5",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "[{'features': {'feature': {'Cover_Type': {'int64List': {'value': ['4']}},\n",
      "                           'Elevation_xf': {'floatList': {'value': [-1.2982628]}},\n",
      "                           'Hillshade_9am_xf': {'floatList': {'value': [0.87007874]}},\n",
      "                           'Hillshade_Noon_xf': {'floatList': {'value': [0.9133858]}},\n",
      "                           'Horizontal_Distance_To_Fire_Points_xf': {'floatList': {'value': [0.875366]}},\n",
      "                           'Horizontal_Distance_To_Hydrology_xf': {'floatList': {'value': [0.18468146]}},\n",
      "                           'Horizontal_Distance_To_Roadways_xf': {'floatList': {'value': [-1.1803539]}},\n",
      "                           'Slope_xf': {'floatList': {'value': [-1.483387]}},\n",
      "                           'Soil_Type_xf': {'int64List': {'value': ['4']}},\n",
      "                           'Vertical_Distance_To_Hydrology_xf': {'floatList': {'value': [0.22351421]}},\n",
      "                           'Wilderness_Area_xf': {'int64List': {'value': ['0']}}}}},\n",
      " {'features': {'feature': {'Cover_Type': {'int64List': {'value': ['4']}},\n",
      "                           'Elevation_xf': {'floatList': {'value': [-1.3197033]}},\n",
      "                           'Hillshade_9am_xf': {'floatList': {'value': [0.86614174]}},\n",
      "                           'Hillshade_Noon_xf': {'floatList': {'value': [0.9251968]}},\n",
      "                           'Horizontal_Distance_To_Fire_Points_xf': {'floatList': {'value': [0.8678377]}},\n",
      "                           'Horizontal_Distance_To_Hydrology_xf': {'floatList': {'value': [0.15175375]}},\n",
      "                           'Horizontal_Distance_To_Roadways_xf': {'floatList': {'value': [-1.2572861]}},\n",
      "                           'Slope_xf': {'floatList': {'value': [-1.6169326]}},\n",
      "                           'Soil_Type_xf': {'int64List': {'value': ['4']}},\n",
      "                           'Vertical_Distance_To_Hydrology_xf': {'floatList': {'value': [0.21576227]}},\n",
      "                           'Wilderness_Area_xf': {'int64List': {'value': ['0']}}}}},\n",
      " {'features': {'feature': {'Cover_Type': {'int64List': {'value': ['1']}},\n",
      "                           'Elevation_xf': {'floatList': {'value': [-0.5549895]}},\n",
      "                           'Hillshade_9am_xf': {'floatList': {'value': [0.9212598]}},\n",
      "                           'Hillshade_Noon_xf': {'floatList': {'value': [0.93700784]}},\n",
      "                           'Horizontal_Distance_To_Fire_Points_xf': {'floatList': {'value': [0.8533389]}},\n",
      "                           'Horizontal_Distance_To_Hydrology_xf': {'floatList': {'value': [0.19183965]}},\n",
      "                           'Horizontal_Distance_To_Roadways_xf': {'floatList': {'value': [0.53138816]}},\n",
      "                           'Slope_xf': {'floatList': {'value': [-0.68211347]}},\n",
      "                           'Soil_Type_xf': {'int64List': {'value': ['4']}},\n",
      "                           'Vertical_Distance_To_Hydrology_xf': {'floatList': {'value': [0.30749354]}},\n",
      "                           'Wilderness_Area_xf': {'int64List': {'value': ['0']}}}}}]\n"
     ]
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# import helper function to get examples from the dataset\n",
    "from util import get_records\n",
    "\n",
    "# Get 3 records from the dataset\n",
    "sample_records_xf = get_records(transformed_dataset, 3)\n",
    "\n",
    "# Print the output\n",
    "pp.pprint(sample_records_xf)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "EMFcfxSQZag-"
   },
   "source": [
    "<a name='5'></a>\n",
    "## 5 - ML Metadata\n",
    "\n",
    "TFX uses [ML Metadata](https://www.tensorflow.org/tfx/guide/mlmd) under the hood to keep records of artifacts that each component uses. This makes it easier to track how the pipeline is run so you can troubleshoot if needed or want to reproduce results.\n",
    "\n",
    "In this final section of the assignment, you will demonstrate going through this metadata store to retrieve related artifacts. This skill is useful for when you want to recall which inputs are fed to a particular stage of the pipeline. For example, you can know where to locate the schema used to perform feature transformation, or you can determine which set of examples were used to train a model."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "You will start by importing the relevant modules and setting up the connection to the metadata store. We have also provided some helper functions for displaying artifact information and you can review its code in the external `util.py` module in your lab workspace."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 46,
   "metadata": {
    "deletable": false,
    "editable": false,
    "id": "txI2RjkVJcU5",
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Import mlmd and utilities\n",
    "import ml_metadata as mlmd\n",
    "from ml_metadata.proto import metadata_store_pb2\n",
    "from util import display_types, display_artifacts, display_properties\n",
    "\n",
    "# Get the connection config to connect to the metadata store\n",
    "connection_config = context.metadata_connection_config\n",
    "\n",
    "# Instantiate a MetadataStore instance with the connection config\n",
    "store = mlmd.MetadataStore(connection_config)\n",
    "\n",
    "# Declare the base directory where All TFX artifacts are stored\n",
    "base_dir = connection_config.sqlite.filename_uri.split('metadata.sqlite')[0]"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "OSVNzeWwFGkq"
   },
   "source": [
    "<a name='5-1'></a>\n",
    "#### 5.1 -  Accessing stored artifacts\n",
    "\n",
    "With the connection setup, you can now interact with the metadata store. For instance, you can retrieve all artifact types stored with the `get_artifact_types()` function. For reference, the API is documented [here](https://www.tensorflow.org/tfx/ml_metadata/api_docs/python/mlmd/MetadataStore)."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 47,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 235
    },
    "deletable": false,
    "editable": false,
    "id": "pkZHeeKoJnf7",
    "outputId": "ce9594eb-84ff-4e9d-dd8d-9dba4fdcd512",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>id</th>\n",
       "      <th>name</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>14</td>\n",
       "      <td>Examples</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>16</td>\n",
       "      <td>ExampleStatistics</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>18</td>\n",
       "      <td>Schema</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>21</td>\n",
       "      <td>ExampleAnomalies</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>23</td>\n",
       "      <td>TransformGraph</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>5</th>\n",
       "      <td>24</td>\n",
       "      <td>TransformCache</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   id               name\n",
       "0  14  Examples         \n",
       "1  16  ExampleStatistics\n",
       "2  18  Schema           \n",
       "3  21  ExampleAnomalies \n",
       "4  23  TransformGraph   \n",
       "5  24  TransformCache   "
      ]
     },
     "execution_count": 47,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Get the artifact types\n",
    "types = store.get_artifact_types()\n",
    "\n",
    "# Display the results\n",
    "display_types(types)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "You can also get a list of artifacts for a particular type to see if there are variations used in the pipeline. For example, you curated a schema in an earlier part of the assignment so this should appear in the records. Running the cell below should show at least two rows: one for the inferred schema, and another for the updated schema. If you ran this notebook before, then you might see more rows because of the different schema artifacts saved under the `./SchemaGen/schema` directory."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 48,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 173
    },
    "deletable": false,
    "editable": false,
    "id": "fU7gS-XnJqWx",
    "outputId": "23985fd3-1f21-4c7b-915f-1a4af6ef75f4",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>artifact id</th>\n",
       "      <th>type</th>\n",
       "      <th>uri</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>3</td>\n",
       "      <td>Schema</td>\n",
       "      <td>./SchemaGen/schema/3</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>4</td>\n",
       "      <td>Schema</td>\n",
       "      <td>./ImportSchemaGen/schema/4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>9</td>\n",
       "      <td>Schema</td>\n",
       "      <td>./Transform/pre_transform_schema/7</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>11</td>\n",
       "      <td>Schema</td>\n",
       "      <td>./Transform/post_transform_schema/7</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>17</td>\n",
       "      <td>Schema</td>\n",
       "      <td>./SchemaGen/schema/11</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>5</th>\n",
       "      <td>18</td>\n",
       "      <td>Schema</td>\n",
       "      <td>./ImportSchemaGen/schema/12</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>6</th>\n",
       "      <td>24</td>\n",
       "      <td>Schema</td>\n",
       "      <td>./Transform/pre_transform_schema/15</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>7</th>\n",
       "      <td>26</td>\n",
       "      <td>Schema</td>\n",
       "      <td>./Transform/post_transform_schema/15</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   artifact id    type                                   uri\n",
       "0  3            Schema  ./SchemaGen/schema/3                \n",
       "1  4            Schema  ./ImportSchemaGen/schema/4          \n",
       "2  9            Schema  ./Transform/pre_transform_schema/7  \n",
       "3  11           Schema  ./Transform/post_transform_schema/7 \n",
       "4  17           Schema  ./SchemaGen/schema/11               \n",
       "5  18           Schema  ./ImportSchemaGen/schema/12         \n",
       "6  24           Schema  ./Transform/pre_transform_schema/15 \n",
       "7  26           Schema  ./Transform/post_transform_schema/15"
      ]
     },
     "execution_count": 48,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Retrieve the transform graph list\n",
    "schema_list = store.get_artifacts_by_type('Schema')\n",
    "\n",
    "# Display artifact properties from the results\n",
    "display_artifacts(store, schema_list, base_dir)\n"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Moreover, you can also get the properties of a particular artifact. TFX declares some properties automatically for each of its components. You will most likely see `name`, `state` and `producer_component` for each artifact type. Additional properties are added where appropriate. For example, a `split_names` property is added in `ExampleStatistics` artifacts to indicate which splits the statistics are generated for."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 49,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 142
    },
    "deletable": false,
    "editable": false,
    "id": "UdAs1SRNJstv",
    "outputId": "88b1f200-f9b8-4ceb-fce2-aab80c7f6315",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>property</th>\n",
       "      <th>value</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>state</td>\n",
       "      <td>published</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>producer_component</td>\n",
       "      <td>Transform</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>name</td>\n",
       "      <td>post_transform_stats</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>tfx_version</td>\n",
       "      <td>1.3.0</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "             property                 value\n",
       "0  state               published           \n",
       "1  producer_component  Transform           \n",
       "2  name                post_transform_stats\n",
       "3  tfx_version         1.3.0               "
      ]
     },
     "execution_count": 49,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Get the latest TransformGraph artifact\n",
    "statistics_artifact = store.get_artifacts_by_type('ExampleStatistics')[-1]\n",
    "\n",
    "# Display the properties of the retrieved artifact\n",
    "display_properties(store, statistics_artifact)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "eUPy2F4pFWyT"
   },
   "source": [
    "<a name='5-2'></a>\n",
    "#### 5.2 - Tracking artifacts\n",
    "\n",
    "For this final exercise, you will build a function to return the parent artifacts of a given one. For example, this should be able to list the artifacts that were used to generate a particular `TransformGraph` instance. "
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "AskXcyG2EGcO"
   },
   "source": [
    "<a name='ex-12'></a>\n",
    "##### Exercise 12: Get parent artifacts\n",
    "\n",
    "Complete the code below to track the inputs of a particular artifact.\n",
    "\n",
    "Tips:\n",
    "\n",
    "* You may find [get_events_by_artifact_ids()](https://www.tensorflow.org/tfx/ml_metadata/api_docs/python/mlmd/MetadataStore#get_events_by_artifact_ids) and [get_events_by_execution_ids()](https://www.tensorflow.org/tfx/ml_metadata/api_docs/python/mlmd/MetadataStore#get_executions_by_id) useful here. \n",
    "\n",
    "* Some of the methods of the MetadataStore class (such as the two given above) only accepts iterables so remember to convert to a list (or set) if you only have an int (e.g. pass `[x]` instead of `x`).\n",
    "\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 50,
   "metadata": {
    "deletable": false,
    "id": "T_g-QAGQJpBO",
    "tags": [
     "graded"
    ]
   },
   "outputs": [],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "def get_parent_artifacts(store, artifact):\n",
    "\n",
    "    ### START CODE HERE ###\n",
    "    \n",
    "    # Get the artifact id of the input artifact\n",
    "    artifact_id = artifact.id\n",
    "    \n",
    "    # Get events associated with the artifact id\n",
    "    artifact_id_events = store.get_events_by_artifact_ids([artifact_id])\n",
    "    \n",
    "    # From the `artifact_id_events`, get the execution ids of OUTPUT events.\n",
    "    # Cast to a set to remove duplicates if any.\n",
    "    execution_id = set(         \n",
    "        event.execution_id\n",
    "        for event in artifact_id_events\n",
    "        if event.type == metadata_store_pb2.Event.OUTPUT\n",
    "    \n",
    "    )\n",
    "    \n",
    "    # Get the events associated with the execution_id\n",
    "    execution_id_events = store.get_events_by_execution_ids(execution_id)\n",
    "\n",
    "    # From execution_id_events, get the artifact ids of INPUT events.\n",
    "    # Cast to a set to remove duplicates if any.\n",
    "    parent_artifact_ids = set(         \n",
    "        event.artifact_id\n",
    "        for event in execution_id_events\n",
    "        if event.type == metadata_store_pb2.Event.INPUT\n",
    "    \n",
    "    )\n",
    "    \n",
    "    # Get the list of artifacts associated with the parent_artifact_ids\n",
    "    parent_artifact_list = [artifact for artifact in store.get_artifacts_by_id(parent_artifact_ids)]\n",
    "\n",
    "    ### END CODE HERE ###\n",
    "    \n",
    "    return parent_artifact_list"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 51,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 111
    },
    "deletable": false,
    "editable": false,
    "id": "2n4gfM64Jujt",
    "outputId": "d96f89c7-43e3-4ceb-8724-809f0d43bc18",
    "tags": [
     "graded"
    ]
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>artifact id</th>\n",
       "      <th>type</th>\n",
       "      <th>uri</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>1</td>\n",
       "      <td>Examples</td>\n",
       "      <td>./CsvExampleGen/examples/1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>3</td>\n",
       "      <td>Schema</td>\n",
       "      <td>./SchemaGen/schema/3</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   artifact id      type                         uri\n",
       "0  1            Examples  ./CsvExampleGen/examples/1\n",
       "1  3            Schema    ./SchemaGen/schema/3      "
      ]
     },
     "execution_count": 51,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# grader-required-cell\n",
    "\n",
    "# Get an artifact instance from the metadata store\n",
    "artifact_instance = store.get_artifacts_by_type('TransformGraph')[0]\n",
    "\n",
    "# Retrieve the parent artifacts of the instance\n",
    "parent_artifacts = get_parent_artifacts(store, artifact_instance)\n",
    "\n",
    "# Display the results\n",
    "display_artifacts(store, parent_artifacts, base_dir)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "**Expected Output:**\n",
    "\n",
    "*Note: The ID numbers may differ.*\n",
    "\n",
    "| artifact id | type | uri |\n",
    "| ----------- | ---- | --- |\n",
    "| 1\t| Examples | ./CsvExampleGen/examples/1 |\n",
    "| 4\t| Schema | ./ImportSchemaGen/schema/4 |"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "**Congratulations!** You have now completed the assignment for this week. You've demonstrated your skills in selecting features, performing a data pipeline, and retrieving information from the metadata store. Having the ability to put these all together will be critical when working with production grade machine learning projects. For next week, you will work on more data types and see how these can be prepared in an ML pipeline. **Keep it up!**"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "<details>\n",
    "  <summary><font size=\"2\" color=\"darkgreen\"><b>Please click here if you want to experiment with any of the non-graded code.</b></font></summary>\n",
    "    <p><i><b>Important Note: Please only do this when you've already passed the assignment to avoid problems with the autograder.</b></i>\n",
    "    <ol>\n",
    "        <li> On the notebook’s menu, click “View” > “Cell Toolbar” > “Edit Metadata”</li>\n",
    "        <li> Hit the “Edit Metadata” button next to the code cell which you want to lock/unlock</li>\n",
    "        <li> Set the attribute value for “editable” to:\n",
    "            <ul>\n",
    "                <li> “true” if you want to unlock it </li>\n",
    "                <li> “false” if you want to lock it </li>\n",
    "            </ul>\n",
    "        </li>\n",
    "        <li> On the notebook’s menu, click “View” > “Cell Toolbar” > “None” </li>\n",
    "    </ol>\n",
    "    <p> Here's a short demo of how to do the steps above: \n",
    "        <br>\n",
    "        <img src=\"https://drive.google.com/uc?export=view&id=14Xy_Mb17CZVgzVAgq7NCjMVBvSae3xO1\" align=\"center\">\n",
    "</details>"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "mlx",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.9.15"
  },
  "vscode": {
   "interpreter": {
    "hash": "4ea7dd683ad3989c9acf43b2110a0915f0e0607f4ae017ada7681046b918478b"
   }
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}