{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Load data from a CSV file\n",
    "\n",
    "These examples illustrate how to load data from a CSV file using the Pandas and GeoPandas libraries."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## From latitude and longitude columns"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "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>incident_datetime</th>\n",
       "      <th>incident_date</th>\n",
       "      <th>incident_time</th>\n",
       "      <th>incident_year</th>\n",
       "      <th>incident_day_of_week</th>\n",
       "      <th>report_datetime</th>\n",
       "      <th>row_id</th>\n",
       "      <th>incident_id</th>\n",
       "      <th>incident_number</th>\n",
       "      <th>cad_number</th>\n",
       "      <th>...</th>\n",
       "      <th>:@computed_region_qgnn_b9vv</th>\n",
       "      <th>:@computed_region_26cr_cadq</th>\n",
       "      <th>:@computed_region_ajp5_b2md</th>\n",
       "      <th>:@computed_region_nqbw_i6c3</th>\n",
       "      <th>:@computed_region_2dwj_jsy4</th>\n",
       "      <th>:@computed_region_h4ep_8xdi</th>\n",
       "      <th>:@computed_region_y6ts_4iup</th>\n",
       "      <th>:@computed_region_jg9y_a9du</th>\n",
       "      <th>:@computed_region_6pnf_4xz7</th>\n",
       "      <th>geometry</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>2019-05-01T01:00:00.000</td>\n",
       "      <td>2019-05-01T00:00:00.000</td>\n",
       "      <td>01:00</td>\n",
       "      <td>2019</td>\n",
       "      <td>Wednesday</td>\n",
       "      <td>2019-06-12T20:27:00.000</td>\n",
       "      <td>81097515200</td>\n",
       "      <td>810975</td>\n",
       "      <td>190424067</td>\n",
       "      <td>191634131.0</td>\n",
       "      <td>...</td>\n",
       "      <td>10.0</td>\n",
       "      <td>7.0</td>\n",
       "      <td>35.0</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>1.0</td>\n",
       "      <td>POINT (-122.49963 37.76257)</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>2019-06-22T07:45:00.000</td>\n",
       "      <td>2019-06-22T00:00:00.000</td>\n",
       "      <td>07:45</td>\n",
       "      <td>2019</td>\n",
       "      <td>Saturday</td>\n",
       "      <td>2019-06-22T08:05:00.000</td>\n",
       "      <td>81465564020</td>\n",
       "      <td>814655</td>\n",
       "      <td>190450880</td>\n",
       "      <td>191730737.0</td>\n",
       "      <td>...</td>\n",
       "      <td>1.0</td>\n",
       "      <td>10.0</td>\n",
       "      <td>34.0</td>\n",
       "      <td>1.0</td>\n",
       "      <td>NaN</td>\n",
       "      <td>1.0</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>2.0</td>\n",
       "      <td>POINT (-122.40816 37.78054)</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>2019-06-03T16:16:00.000</td>\n",
       "      <td>2019-06-03T00:00:00.000</td>\n",
       "      <td>16:16</td>\n",
       "      <td>2019</td>\n",
       "      <td>Monday</td>\n",
       "      <td>2019-06-03T16:16:00.000</td>\n",
       "      <td>80769875000</td>\n",
       "      <td>807698</td>\n",
       "      <td>190397016</td>\n",
       "      <td>191533509.0</td>\n",
       "      <td>...</td>\n",
       "      <td>2.0</td>\n",
       "      <td>9.0</td>\n",
       "      <td>1.0</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>2.0</td>\n",
       "      <td>POINT (-122.39075 37.72160)</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>2018-11-16T16:34:00.000</td>\n",
       "      <td>2018-11-16T00:00:00.000</td>\n",
       "      <td>16:34</td>\n",
       "      <td>2018</td>\n",
       "      <td>Friday</td>\n",
       "      <td>2018-11-16T16:34:00.000</td>\n",
       "      <td>73857915041</td>\n",
       "      <td>738579</td>\n",
       "      <td>180870806</td>\n",
       "      <td>183202539.0</td>\n",
       "      <td>...</td>\n",
       "      <td>6.0</td>\n",
       "      <td>3.0</td>\n",
       "      <td>6.0</td>\n",
       "      <td>NaN</td>\n",
       "      <td>18.0</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>2.0</td>\n",
       "      <td>POINT (-122.40488 37.79486)</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>2019-05-27T02:25:00.000</td>\n",
       "      <td>2019-05-27T00:00:00.000</td>\n",
       "      <td>02:25</td>\n",
       "      <td>2019</td>\n",
       "      <td>Monday</td>\n",
       "      <td>2019-05-27T02:55:00.000</td>\n",
       "      <td>80509204134</td>\n",
       "      <td>805092</td>\n",
       "      <td>190378555</td>\n",
       "      <td>191470256.0</td>\n",
       "      <td>...</td>\n",
       "      <td>4.0</td>\n",
       "      <td>6.0</td>\n",
       "      <td>13.0</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>NaN</td>\n",
       "      <td>1.0</td>\n",
       "      <td>POINT (-122.43056 37.79772)</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "<p>5 rows × 37 columns</p>\n",
       "</div>"
      ],
      "text/plain": [
       "         incident_datetime            incident_date incident_time  \\\n",
       "0  2019-05-01T01:00:00.000  2019-05-01T00:00:00.000         01:00   \n",
       "1  2019-06-22T07:45:00.000  2019-06-22T00:00:00.000         07:45   \n",
       "2  2019-06-03T16:16:00.000  2019-06-03T00:00:00.000         16:16   \n",
       "3  2018-11-16T16:34:00.000  2018-11-16T00:00:00.000         16:34   \n",
       "4  2019-05-27T02:25:00.000  2019-05-27T00:00:00.000         02:25   \n",
       "\n",
       "   incident_year incident_day_of_week          report_datetime       row_id  \\\n",
       "0           2019            Wednesday  2019-06-12T20:27:00.000  81097515200   \n",
       "1           2019             Saturday  2019-06-22T08:05:00.000  81465564020   \n",
       "2           2019               Monday  2019-06-03T16:16:00.000  80769875000   \n",
       "3           2018               Friday  2018-11-16T16:34:00.000  73857915041   \n",
       "4           2019               Monday  2019-05-27T02:55:00.000  80509204134   \n",
       "\n",
       "   incident_id  incident_number   cad_number  ... :@computed_region_qgnn_b9vv  \\\n",
       "0       810975        190424067  191634131.0  ...                        10.0   \n",
       "1       814655        190450880  191730737.0  ...                         1.0   \n",
       "2       807698        190397016  191533509.0  ...                         2.0   \n",
       "3       738579        180870806  183202539.0  ...                         6.0   \n",
       "4       805092        190378555  191470256.0  ...                         4.0   \n",
       "\n",
       "  :@computed_region_26cr_cadq :@computed_region_ajp5_b2md  \\\n",
       "0                         7.0                        35.0   \n",
       "1                        10.0                        34.0   \n",
       "2                         9.0                         1.0   \n",
       "3                         3.0                         6.0   \n",
       "4                         6.0                        13.0   \n",
       "\n",
       "   :@computed_region_nqbw_i6c3 :@computed_region_2dwj_jsy4  \\\n",
       "0                          NaN                         NaN   \n",
       "1                          1.0                         NaN   \n",
       "2                          NaN                         NaN   \n",
       "3                          NaN                        18.0   \n",
       "4                          NaN                         NaN   \n",
       "\n",
       "  :@computed_region_h4ep_8xdi :@computed_region_y6ts_4iup  \\\n",
       "0                         NaN                         NaN   \n",
       "1                         1.0                         NaN   \n",
       "2                         NaN                         NaN   \n",
       "3                         NaN                         NaN   \n",
       "4                         NaN                         NaN   \n",
       "\n",
       "  :@computed_region_jg9y_a9du :@computed_region_6pnf_4xz7  \\\n",
       "0                         NaN                         1.0   \n",
       "1                         NaN                         2.0   \n",
       "2                         NaN                         2.0   \n",
       "3                         NaN                         2.0   \n",
       "4                         NaN                         1.0   \n",
       "\n",
       "                      geometry  \n",
       "0  POINT (-122.49963 37.76257)  \n",
       "1  POINT (-122.40816 37.78054)  \n",
       "2  POINT (-122.39075 37.72160)  \n",
       "3  POINT (-122.40488 37.79486)  \n",
       "4  POINT (-122.43056 37.79772)  \n",
       "\n",
       "[5 rows x 37 columns]"
      ]
     },
     "execution_count": 1,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from pandas import read_csv\n",
    "from geopandas import GeoDataFrame, points_from_xy\n",
    "\n",
    "remote_file_path = 'http://data.sfgov.org/resource/wg3w-h783.csv'\n",
    "\n",
    "df = read_csv(remote_file_path)\n",
    "\n",
    "# Clean rows where the `longitude` column is NULL\n",
    "df = df[df['longitude'].notna()]\n",
    "\n",
    "gdf = GeoDataFrame(df, geometry=points_from_xy(df['longitude'], df['latitude']))\n",
    "gdf.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<iframe\n",
       "  frameborder=\"0\"\n",
       "  style=\"\n",
       "    border: 1px solid #cfcfcf;\n",
       "    width: 100%;\n",
       "    height: 632px;\n",
       "    \"\n",
       "  srcDoc=\"\n",
       "  <!DOCTYPE html>\n",
       "<html lang=&quot;en&quot;>\n",
       "<head>\n",
       "  <title>None</title>\n",
       "  <meta name=&quot;description&quot; content=&quot;None&quot;>\n",
       "  <meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;>\n",
       "  <meta charset=&quot;UTF-8&quot;>\n",
       "  <!-- Include CARTO VL JS -->\n",
       "  <script src=&quot;https://libs.cartocdn.com/carto-vl/v1.4/carto-vl.min.js&quot;></script>\n",
       "  <!-- Include Mapbox GL JS -->\n",
       "  <script src=&quot;https://api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.js&quot;></script>\n",
       "  <!-- Include Mapbox GL CSS -->\n",
       "  <link href=&quot;https://api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.css&quot; rel=&quot;stylesheet&quot; />\n",
       "\n",
       "  <!-- Include Airship -->\n",
       "  <script nomodule=&quot;&quot; src=&quot;https://libs.cartocdn.com/airship-components/v2.3/airship.js&quot;></script>\n",
       "  <script type=&quot;module&quot; src=&quot;https://libs.cartocdn.com/airship-components/v2.3/airship/airship.esm.js&quot;></script>\n",
       "  <script src=&quot;https://libs.cartocdn.com/airship-bridge/v2.3/asbridge.min.js&quot;></script>\n",
       "  <link href=&quot;https://libs.cartocdn.com/airship-style/v2.3/airship.min.css&quot; rel=&quot;stylesheet&quot;>\n",
       "  <link href=&quot;https://libs.cartocdn.com/airship-icons/v2.3/icons.css&quot; rel=&quot;stylesheet&quot;>\n",
       "\n",
       "  <link href=&quot;https://fonts.googleapis.com/css?family=Roboto&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;>\n",
       "\n",
       "  <!-- External libraries -->\n",
       "\n",
       "  <!-- pako -->\n",
       "  <script src=&quot;https://libs.cartocdn.com/cartoframes/dependencies/pako_inflate.min.js&quot;></script>\n",
       "  \n",
       "  <!-- html2canvas -->\n",
       "  \n",
       "\n",
       "  \n",
       "  <style>\n",
       "  body {\n",
       "    margin: 0;\n",
       "    padding: 0;\n",
       "  }\n",
       "\n",
       "  aside.as-sidebar {\n",
       "    min-width: 300px;\n",
       "  }\n",
       "\n",
       "  .map-image {\n",
       "    display: none;\n",
       "    max-width: 100%;\n",
       "    height: auto;\n",
       "  }\n",
       "\n",
       "  as-layer-selector-slot .as-layer-selector-slot--wrapper .as-caption { // FIXME\n",
       "    font-size: 14px;\n",
       "    line-height: 14px;\n",
       "  }\n",
       "</style>\n",
       "  <style>\n",
       "  .map {\n",
       "    position: absolute;\n",
       "    height: 100%;\n",
       "    width: 100%;\n",
       "  }\n",
       "\n",
       "  .map-info {\n",
       "    position: absolute;\n",
       "    bottom: 0;\n",
       "    padding: 0 5px;\n",
       "    background-color: rgba(255, 255, 255, 0.5);\n",
       "    margin: 0;\n",
       "    color: rgba(0, 0, 0, 0.75);\n",
       "    font-size: 12px;\n",
       "    width: auto;\n",
       "    height: 18px;\n",
       "    font-family: 'Open Sans';\n",
       "  }\n",
       "\n",
       "  .map-footer {\n",
       "    background: #F2F6F9;\n",
       "    font-family: Roboto;\n",
       "    font-size: 12px;\n",
       "    line-height: 24px;\n",
       "    color: #162945;\n",
       "    text-align: center;\n",
       "    z-index: 2;\n",
       "  }\n",
       "\n",
       "  .map-footer a {\n",
       "    text-decoration: none;\n",
       "  }\n",
       "\n",
       "  .map-footer a:hover {\n",
       "    text-decoration: underline;\n",
       "  }\n",
       "</style>\n",
       "    <style>\n",
       "    #error-container {\n",
       "      position: absolute;\n",
       "      width: 100%;\n",
       "      height: 100%;\n",
       "      background-color: white;\n",
       "      visibility: hidden;\n",
       "      padding: 1em;\n",
       "      font-family: &quot;Courier New&quot;, Courier, monospace;\n",
       "      margin: 0 auto;\n",
       "      font-size: 14px;\n",
       "      overflow: auto;\n",
       "      z-index: 1000;\n",
       "      color: black;\n",
       "    }\n",
       "\n",
       "    .error-section {\n",
       "      padding: 1em;\n",
       "      border-radius: 5px;\n",
       "      background-color: #fee;\n",
       "    }\n",
       "\n",
       "    #error-container #error-highlight {\n",
       "      font-weight: bold;\n",
       "      color: inherit;\n",
       "    }\n",
       "\n",
       "    #error-container #error-type {\n",
       "      color: #008000;\n",
       "    }\n",
       "\n",
       "    #error-container #error-name {\n",
       "      color: #ba2121;\n",
       "    }\n",
       "\n",
       "    #error-container #error-content {\n",
       "      margin-top: 0.4em;\n",
       "    }\n",
       "\n",
       "    .error-details {\n",
       "      margin-top: 1em;\n",
       "    }\n",
       "\n",
       "    #error-stacktrace {\n",
       "      list-style: none;\n",
       "    }\n",
       "</style>\n",
       "  <style>\n",
       "    .popup-content {\n",
       "      display: flex;\n",
       "      flex-direction: column;\n",
       "      padding: 8px;\n",
       "    }\n",
       "\n",
       "    .popup-name {\n",
       "      font-size: 12px;\n",
       "      font-weight: 400;\n",
       "      line-height: 20px;\n",
       "      margin-bottom: 4px;\n",
       "    }\n",
       "\n",
       "    .popup-value {\n",
       "      font-size: 16px;\n",
       "      font-weight: 600;\n",
       "      line-height: 20px;\n",
       "    }\n",
       "\n",
       "    .popup-value:not(:last-of-type) {\n",
       "      margin-bottom: 16px;\n",
       "    }\n",
       "</style>\n",
       "  <style>\n",
       "  as-widget-header .as-widget-header__header {\n",
       "    margin-bottom: 8px;\n",
       "    overflow-wrap: break-word;\n",
       "  }\n",
       "\n",
       "  as-widget-header .as-widget-header__subheader {\n",
       "    margin-bottom: 12px;\n",
       "  }\n",
       "\n",
       "  as-category-widget {\n",
       "    max-height: 250px;\n",
       "  }\n",
       "</style>\n",
       "</head>\n",
       "\n",
       "<body class=&quot;as-app-body as-app&quot;>\n",
       "  <img id=&quot;map-image&quot; class=&quot;map-image&quot; alt='Static map image' />\n",
       "  <as-responsive-content id=&quot;main-container&quot;>\n",
       "    \n",
       "    <main class=&quot;as-main&quot;>\n",
       "      <div class=&quot;as-map-area&quot;>\n",
       "        <div id=&quot;map&quot; class=&quot;map&quot;></div>\n",
       "        \n",
       "        \n",
       "      </div> <!-- as-map-area -->\n",
       "    </main> <!-- as-main -->\n",
       "  </as-responsive-content>\n",
       "\n",
       "  \n",
       "\n",
       "  <div id=&quot;error-container&quot; class=&quot;error&quot;>\n",
       "  <section class=&quot;error-section&quot;>\n",
       "    <span class=&quot;errors&quot; id=&quot;error-name&quot;></span>:\n",
       "    <section id=&quot;error-content&quot;>\n",
       "      <span class=&quot;errors&quot; id=&quot;error-type&quot;></span>\n",
       "      <span class=&quot;errors&quot; id=&quot;error-message&quot;></span>\n",
       "    </section>\n",
       "  </section>\n",
       "\n",
       "  <details class=&quot;error-details&quot;>\n",
       "    <summary>StackTrace</summary>\n",
       "    <ul id=&quot;error-stacktrace&quot;></ul>\n",
       "  </details>\n",
       "</div>\n",
       "</body>\n",
       "\n",
       "<script>\n",
       "  var init = (function () {\n",
       "  'use strict';\n",
       "\n",
       "  const BASEMAPS = {\n",
       "    DarkMatter: carto.basemaps.darkmatter,\n",
       "    Voyager: carto.basemaps.voyager,\n",
       "    Positron: carto.basemaps.positron\n",
       "  };\n",
       "\n",
       "  const attributionControl = new mapboxgl.AttributionControl({\n",
       "    compact: false\n",
       "  });\n",
       "\n",
       "  const FIT_BOUNDS_SETTINGS = { animate: false, padding: 50, maxZoom: 16 };\n",
       "\n",
       "  /** From https://github.com/errwischt/stacktrace-parser/blob/master/src/stack-trace-parser.js */\n",
       "\n",
       "  /**\n",
       "   * This parses the different stack traces and puts them into one format\n",
       "   * This borrows heavily from TraceKit (https://github.com/csnover/TraceKit)\n",
       "   */\n",
       "\n",
       "  const UNKNOWN_FUNCTION = '<unknown>';\n",
       "  const chromeRe = /^\\s*at (.*?) ?\\(((?:file|https?|blob|chrome-extension|native|eval|webpack|<anonymous>|\\/).*?)(?::(\\d+))?(?::(\\d+))?\\)?\\s*$/i;\n",
       "  const chromeEvalRe = /\\((\\S*)(?::(\\d+))(?::(\\d+))\\)/;\n",
       "  const winjsRe = /^\\s*at (?:((?:\\[object object\\])?.+) )?\\(?((?:file|ms-appx|https?|webpack|blob):.*?):(\\d+)(?::(\\d+))?\\)?\\s*$/i;\n",
       "  const geckoRe = /^\\s*(.*?)(?:\\((.*?)\\))?(?:^|@)((?:file|https?|blob|chrome|webpack|resource|\\[native).*?|[^@]*bundle)(?::(\\d+))?(?::(\\d+))?\\s*$/i;\n",
       "  const geckoEvalRe = /(\\S+) line (\\d+)(?: > eval line \\d+)* > eval/i;\n",
       "\n",
       "  function parse(stackString) {\n",
       "    const lines = stackString.split('\\n');\n",
       "\n",
       "    return lines.reduce((stack, line) => {\n",
       "      const parseResult =\n",
       "        parseChrome(line) ||\n",
       "        parseWinjs(line) ||\n",
       "        parseGecko(line);\n",
       "\n",
       "      if (parseResult) {\n",
       "        stack.push(parseResult);\n",
       "      }\n",
       "\n",
       "      return stack;\n",
       "    }, []);\n",
       "  }\n",
       "\n",
       "  function parseChrome(line) {\n",
       "    const parts = chromeRe.exec(line);\n",
       "\n",
       "    if (!parts) {\n",
       "      return null;\n",
       "    }\n",
       "\n",
       "    const isNative = parts[2] && parts[2].indexOf('native') === 0; // start of line\n",
       "    const isEval = parts[2] && parts[2].indexOf('eval') === 0; // start of line\n",
       "\n",
       "    const submatch = chromeEvalRe.exec(parts[2]);\n",
       "    if (isEval && submatch != null) {\n",
       "      // throw out eval line/column and use top-most line/column number\n",
       "      parts[2] = submatch[1]; // url\n",
       "      parts[3] = submatch[2]; // line\n",
       "      parts[4] = submatch[3]; // column\n",
       "    }\n",
       "\n",
       "    return {\n",
       "      file: !isNative ? parts[2] : null,\n",
       "      methodName: parts[1] || UNKNOWN_FUNCTION,\n",
       "      arguments: isNative ? [parts[2]] : [],\n",
       "      lineNumber: parts[3] ? +parts[3] : null,\n",
       "      column: parts[4] ? +parts[4] : null,\n",
       "    };\n",
       "  }\n",
       "\n",
       "  function parseWinjs(line) {\n",
       "    const parts = winjsRe.exec(line);\n",
       "\n",
       "    if (!parts) {\n",
       "      return null;\n",
       "    }\n",
       "\n",
       "    return {\n",
       "      file: parts[2],\n",
       "      methodName: parts[1] || UNKNOWN_FUNCTION,\n",
       "      arguments: [],\n",
       "      lineNumber: +parts[3],\n",
       "      column: parts[4] ? +parts[4] : null,\n",
       "    };\n",
       "  }\n",
       "\n",
       "  function parseGecko(line) {\n",
       "    const parts = geckoRe.exec(line);\n",
       "\n",
       "    if (!parts) {\n",
       "      return null;\n",
       "    }\n",
       "\n",
       "    const isEval = parts[3] && parts[3].indexOf(' > eval') > -1;\n",
       "\n",
       "    const submatch = geckoEvalRe.exec(parts[3]);\n",
       "    if (isEval && submatch != null) {\n",
       "      // throw out eval line/column and use top-most line number\n",
       "      parts[3] = submatch[1];\n",
       "      parts[4] = submatch[2];\n",
       "      parts[5] = null; // no column when eval\n",
       "    }\n",
       "\n",
       "    return {\n",
       "      file: parts[3],\n",
       "      methodName: parts[1] || UNKNOWN_FUNCTION,\n",
       "      arguments: parts[2] ? parts[2].split(',') : [],\n",
       "      lineNumber: parts[4] ? +parts[4] : null,\n",
       "      column: parts[5] ? +parts[5] : null,\n",
       "    };\n",
       "  }\n",
       "\n",
       "  function displayError(e) {\n",
       "    const error$ = document.getElementById('error-container');\n",
       "    const errors$ = error$.getElementsByClassName('errors');\n",
       "    const stacktrace$ = document.getElementById('error-stacktrace');\n",
       "\n",
       "    errors$[0].innerHTML = e.name;\n",
       "    errors$[1].innerHTML = e.type;\n",
       "    errors$[2].innerHTML = e.message.replace(e.type, '');\n",
       "\n",
       "    error$.style.visibility = 'visible';\n",
       "\n",
       "    const stack = parse(e.stack);\n",
       "    const list = stack.map(item => {\n",
       "      return `<li>\n",
       "      at <span class=&quot;stacktrace-method&quot;>${item.methodName}:</span>\n",
       "      (${item.file}:${item.lineNumber}:${item.column})\n",
       "    </li>`;\n",
       "    });\n",
       "\n",
       "    stacktrace$.innerHTML = list.join('\\n');\n",
       "  }\n",
       "\n",
       "  // Computes the decimal coefficient and exponent of the specified number x with\n",
       "  // significant digits p, where x is positive and p is in [1, 21] or undefined.\n",
       "  // For example, formatDecimal(1.23) returns [&quot;123&quot;, 0].\n",
       "  function formatDecimal(x, p) {\n",
       "    if ((i = (x = p ? x.toExponential(p - 1) : x.toExponential()).indexOf(&quot;e&quot;)) < 0) return null; // NaN, ±Infinity\n",
       "    var i, coefficient = x.slice(0, i);\n",
       "\n",
       "    // The string returned by toExponential either has the form \\d\\.\\d+e[-+]\\d+\n",
       "    // (e.g., 1.2e+3) or the form \\de[-+]\\d+ (e.g., 1e+3).\n",
       "    return [\n",
       "      coefficient.length > 1 ? coefficient[0] + coefficient.slice(2) : coefficient,\n",
       "      +x.slice(i + 1)\n",
       "    ];\n",
       "  }\n",
       "\n",
       "  function exponent(x) {\n",
       "    return x = formatDecimal(Math.abs(x)), x ? x[1] : NaN;\n",
       "  }\n",
       "\n",
       "  function formatGroup(grouping, thousands) {\n",
       "    return function(value, width) {\n",
       "      var i = value.length,\n",
       "          t = [],\n",
       "          j = 0,\n",
       "          g = grouping[0],\n",
       "          length = 0;\n",
       "\n",
       "      while (i > 0 && g > 0) {\n",
       "        if (length + g + 1 > width) g = Math.max(1, width - length);\n",
       "        t.push(value.substring(i -= g, i + g));\n",
       "        if ((length += g + 1) > width) break;\n",
       "        g = grouping[j = (j + 1) % grouping.length];\n",
       "      }\n",
       "\n",
       "      return t.reverse().join(thousands);\n",
       "    };\n",
       "  }\n",
       "\n",
       "  function formatNumerals(numerals) {\n",
       "    return function(value) {\n",
       "      return value.replace(/[0-9]/g, function(i) {\n",
       "        return numerals[+i];\n",
       "      });\n",
       "    };\n",
       "  }\n",
       "\n",
       "  // [[fill]align][sign][symbol][0][width][,][.precision][~][type]\n",
       "  var re = /^(?:(.)?([<>=^]))?([+\\-( ])?([$#])?(0)?(\\d+)?(,)?(\\.\\d+)?(~)?([a-z%])?$/i;\n",
       "\n",
       "  function formatSpecifier(specifier) {\n",
       "    if (!(match = re.exec(specifier))) throw new Error(&quot;invalid format: &quot; + specifier);\n",
       "    var match;\n",
       "    return new FormatSpecifier({\n",
       "      fill: match[1],\n",
       "      align: match[2],\n",
       "      sign: match[3],\n",
       "      symbol: match[4],\n",
       "      zero: match[5],\n",
       "      width: match[6],\n",
       "      comma: match[7],\n",
       "      precision: match[8] && match[8].slice(1),\n",
       "      trim: match[9],\n",
       "      type: match[10]\n",
       "    });\n",
       "  }\n",
       "\n",
       "  formatSpecifier.prototype = FormatSpecifier.prototype; // instanceof\n",
       "\n",
       "  function FormatSpecifier(specifier) {\n",
       "    this.fill = specifier.fill === undefined ? &quot; &quot; : specifier.fill + &quot;&quot;;\n",
       "    this.align = specifier.align === undefined ? &quot;>&quot; : specifier.align + &quot;&quot;;\n",
       "    this.sign = specifier.sign === undefined ? &quot;-&quot; : specifier.sign + &quot;&quot;;\n",
       "    this.symbol = specifier.symbol === undefined ? &quot;&quot; : specifier.symbol + &quot;&quot;;\n",
       "    this.zero = !!specifier.zero;\n",
       "    this.width = specifier.width === undefined ? undefined : +specifier.width;\n",
       "    this.comma = !!specifier.comma;\n",
       "    this.precision = specifier.precision === undefined ? undefined : +specifier.precision;\n",
       "    this.trim = !!specifier.trim;\n",
       "    this.type = specifier.type === undefined ? &quot;&quot; : specifier.type + &quot;&quot;;\n",
       "  }\n",
       "\n",
       "  FormatSpecifier.prototype.toString = function() {\n",
       "    return this.fill\n",
       "        + this.align\n",
       "        + this.sign\n",
       "        + this.symbol\n",
       "        + (this.zero ? &quot;0&quot; : &quot;&quot;)\n",
       "        + (this.width === undefined ? &quot;&quot; : Math.max(1, this.width | 0))\n",
       "        + (this.comma ? &quot;,&quot; : &quot;&quot;)\n",
       "        + (this.precision === undefined ? &quot;&quot; : &quot;.&quot; + Math.max(0, this.precision | 0))\n",
       "        + (this.trim ? &quot;~&quot; : &quot;&quot;)\n",
       "        + this.type;\n",
       "  };\n",
       "\n",
       "  // Trims insignificant zeros, e.g., replaces 1.2000k with 1.2k.\n",
       "  function formatTrim(s) {\n",
       "    out: for (var n = s.length, i = 1, i0 = -1, i1; i < n; ++i) {\n",
       "      switch (s[i]) {\n",
       "        case &quot;.&quot;: i0 = i1 = i; break;\n",
       "        case &quot;0&quot;: if (i0 === 0) i0 = i; i1 = i; break;\n",
       "        default: if (!+s[i]) break out; if (i0 > 0) i0 = 0; break;\n",
       "      }\n",
       "    }\n",
       "    return i0 > 0 ? s.slice(0, i0) + s.slice(i1 + 1) : s;\n",
       "  }\n",
       "\n",
       "  var prefixExponent;\n",
       "\n",
       "  function formatPrefixAuto(x, p) {\n",
       "    var d = formatDecimal(x, p);\n",
       "    if (!d) return x + &quot;&quot;;\n",
       "    var coefficient = d[0],\n",
       "        exponent = d[1],\n",
       "        i = exponent - (prefixExponent = Math.max(-8, Math.min(8, Math.floor(exponent / 3))) * 3) + 1,\n",
       "        n = coefficient.length;\n",
       "    return i === n ? coefficient\n",
       "        : i > n ? coefficient + new Array(i - n + 1).join(&quot;0&quot;)\n",
       "        : i > 0 ? coefficient.slice(0, i) + &quot;.&quot; + coefficient.slice(i)\n",
       "        : &quot;0.&quot; + new Array(1 - i).join(&quot;0&quot;) + formatDecimal(x, Math.max(0, p + i - 1))[0]; // less than 1y!\n",
       "  }\n",
       "\n",
       "  function formatRounded(x, p) {\n",
       "    var d = formatDecimal(x, p);\n",
       "    if (!d) return x + &quot;&quot;;\n",
       "    var coefficient = d[0],\n",
       "        exponent = d[1];\n",
       "    return exponent < 0 ? &quot;0.&quot; + new Array(-exponent).join(&quot;0&quot;) + coefficient\n",
       "        : coefficient.length > exponent + 1 ? coefficient.slice(0, exponent + 1) + &quot;.&quot; + coefficient.slice(exponent + 1)\n",
       "        : coefficient + new Array(exponent - coefficient.length + 2).join(&quot;0&quot;);\n",
       "  }\n",
       "\n",
       "  var formatTypes = {\n",
       "    &quot;%&quot;: function(x, p) { return (x * 100).toFixed(p); },\n",
       "    &quot;b&quot;: function(x) { return Math.round(x).toString(2); },\n",
       "    &quot;c&quot;: function(x) { return x + &quot;&quot;; },\n",
       "    &quot;d&quot;: function(x) { return Math.round(x).toString(10); },\n",
       "    &quot;e&quot;: function(x, p) { return x.toExponential(p); },\n",
       "    &quot;f&quot;: function(x, p) { return x.toFixed(p); },\n",
       "    &quot;g&quot;: function(x, p) { return x.toPrecision(p); },\n",
       "    &quot;o&quot;: function(x) { return Math.round(x).toString(8); },\n",
       "    &quot;p&quot;: function(x, p) { return formatRounded(x * 100, p); },\n",
       "    &quot;r&quot;: formatRounded,\n",
       "    &quot;s&quot;: formatPrefixAuto,\n",
       "    &quot;X&quot;: function(x) { return Math.round(x).toString(16).toUpperCase(); },\n",
       "    &quot;x&quot;: function(x) { return Math.round(x).toString(16); }\n",
       "  };\n",
       "\n",
       "  function identity(x) {\n",
       "    return x;\n",
       "  }\n",
       "\n",
       "  var map = Array.prototype.map,\n",
       "      prefixes = [&quot;y&quot;,&quot;z&quot;,&quot;a&quot;,&quot;f&quot;,&quot;p&quot;,&quot;n&quot;,&quot;µ&quot;,&quot;m&quot;,&quot;&quot;,&quot;k&quot;,&quot;M&quot;,&quot;G&quot;,&quot;T&quot;,&quot;P&quot;,&quot;E&quot;,&quot;Z&quot;,&quot;Y&quot;];\n",
       "\n",
       "  function formatLocale(locale) {\n",
       "    var group = locale.grouping === undefined || locale.thousands === undefined ? identity : formatGroup(map.call(locale.grouping, Number), locale.thousands + &quot;&quot;),\n",
       "        currencyPrefix = locale.currency === undefined ? &quot;&quot; : locale.currency[0] + &quot;&quot;,\n",
       "        currencySuffix = locale.currency === undefined ? &quot;&quot; : locale.currency[1] + &quot;&quot;,\n",
       "        decimal = locale.decimal === undefined ? &quot;.&quot; : locale.decimal + &quot;&quot;,\n",
       "        numerals = locale.numerals === undefined ? identity : formatNumerals(map.call(locale.numerals, String)),\n",
       "        percent = locale.percent === undefined ? &quot;%&quot; : locale.percent + &quot;&quot;,\n",
       "        minus = locale.minus === undefined ? &quot;-&quot; : locale.minus + &quot;&quot;,\n",
       "        nan = locale.nan === undefined ? &quot;NaN&quot; : locale.nan + &quot;&quot;;\n",
       "\n",
       "    function newFormat(specifier) {\n",
       "      specifier = formatSpecifier(specifier);\n",
       "\n",
       "      var fill = specifier.fill,\n",
       "          align = specifier.align,\n",
       "          sign = specifier.sign,\n",
       "          symbol = specifier.symbol,\n",
       "          zero = specifier.zero,\n",
       "          width = specifier.width,\n",
       "          comma = specifier.comma,\n",
       "          precision = specifier.precision,\n",
       "          trim = specifier.trim,\n",
       "          type = specifier.type;\n",
       "\n",
       "      // The &quot;n&quot; type is an alias for &quot;,g&quot;.\n",
       "      if (type === &quot;n&quot;) comma = true, type = &quot;g&quot;;\n",
       "\n",
       "      // The &quot;&quot; type, and any invalid type, is an alias for &quot;.12~g&quot;.\n",
       "      else if (!formatTypes[type]) precision === undefined && (precision = 12), trim = true, type = &quot;g&quot;;\n",
       "\n",
       "      // If zero fill is specified, padding goes after sign and before digits.\n",
       "      if (zero || (fill === &quot;0&quot; && align === &quot;=&quot;)) zero = true, fill = &quot;0&quot;, align = &quot;=&quot;;\n",
       "\n",
       "      // Compute the prefix and suffix.\n",
       "      // For SI-prefix, the suffix is lazily computed.\n",
       "      var prefix = symbol === &quot;$&quot; ? currencyPrefix : symbol === &quot;#&quot; && /[boxX]/.test(type) ? &quot;0&quot; + type.toLowerCase() : &quot;&quot;,\n",
       "          suffix = symbol === &quot;$&quot; ? currencySuffix : /[%p]/.test(type) ? percent : &quot;&quot;;\n",
       "\n",
       "      // What format function should we use?\n",
       "      // Is this an integer type?\n",
       "      // Can this type generate exponential notation?\n",
       "      var formatType = formatTypes[type],\n",
       "          maybeSuffix = /[defgprs%]/.test(type);\n",
       "\n",
       "      // Set the default precision if not specified,\n",
       "      // or clamp the specified precision to the supported range.\n",
       "      // For significant precision, it must be in [1, 21].\n",
       "      // For fixed precision, it must be in [0, 20].\n",
       "      precision = precision === undefined ? 6\n",
       "          : /[gprs]/.test(type) ? Math.max(1, Math.min(21, precision))\n",
       "          : Math.max(0, Math.min(20, precision));\n",
       "\n",
       "      function format(value) {\n",
       "        var valuePrefix = prefix,\n",
       "            valueSuffix = suffix,\n",
       "            i, n, c;\n",
       "\n",
       "        if (type === &quot;c&quot;) {\n",
       "          valueSuffix = formatType(value) + valueSuffix;\n",
       "          value = &quot;&quot;;\n",
       "        } else {\n",
       "          value = +value;\n",
       "\n",
       "          // Determine the sign. -0 is not less than 0, but 1 / -0 is!\n",
       "          var valueNegative = value < 0 || 1 / value < 0;\n",
       "\n",
       "          // Perform the initial formatting.\n",
       "          value = isNaN(value) ? nan : formatType(Math.abs(value), precision);\n",
       "\n",
       "          // Trim insignificant zeros.\n",
       "          if (trim) value = formatTrim(value);\n",
       "\n",
       "          // If a negative value rounds to zero after formatting, and no explicit positive sign is requested, hide the sign.\n",
       "          if (valueNegative && +value === 0 && sign !== &quot;+&quot;) valueNegative = false;\n",
       "\n",
       "          // Compute the prefix and suffix.\n",
       "          valuePrefix = (valueNegative ? (sign === &quot;(&quot; ? sign : minus) : sign === &quot;-&quot; || sign === &quot;(&quot; ? &quot;&quot; : sign) + valuePrefix;\n",
       "          valueSuffix = (type === &quot;s&quot; ? prefixes[8 + prefixExponent / 3] : &quot;&quot;) + valueSuffix + (valueNegative && sign === &quot;(&quot; ? &quot;)&quot; : &quot;&quot;);\n",
       "\n",
       "          // Break the formatted value into the integer “value” part that can be\n",
       "          // grouped, and fractional or exponential “suffix” part that is not.\n",
       "          if (maybeSuffix) {\n",
       "            i = -1, n = value.length;\n",
       "            while (++i < n) {\n",
       "              if (c = value.charCodeAt(i), 48 > c || c > 57) {\n",
       "                valueSuffix = (c === 46 ? decimal + value.slice(i + 1) : value.slice(i)) + valueSuffix;\n",
       "                value = value.slice(0, i);\n",
       "                break;\n",
       "              }\n",
       "            }\n",
       "          }\n",
       "        }\n",
       "\n",
       "        // If the fill character is not &quot;0&quot;, grouping is applied before padding.\n",
       "        if (comma && !zero) value = group(value, Infinity);\n",
       "\n",
       "        // Compute the padding.\n",
       "        var length = valuePrefix.length + value.length + valueSuffix.length,\n",
       "            padding = length < width ? new Array(width - length + 1).join(fill) : &quot;&quot;;\n",
       "\n",
       "        // If the fill character is &quot;0&quot;, grouping is applied after padding.\n",
       "        if (comma && zero) value = group(padding + value, padding.length ? width - valueSuffix.length : Infinity), padding = &quot;&quot;;\n",
       "\n",
       "        // Reconstruct the final output based on the desired alignment.\n",
       "        switch (align) {\n",
       "          case &quot;<&quot;: value = valuePrefix + value + valueSuffix + padding; break;\n",
       "          case &quot;=&quot;: value = valuePrefix + padding + value + valueSuffix; break;\n",
       "          case &quot;^&quot;: value = padding.slice(0, length = padding.length >> 1) + valuePrefix + value + valueSuffix + padding.slice(length); break;\n",
       "          default: value = padding + valuePrefix + value + valueSuffix; break;\n",
       "        }\n",
       "\n",
       "        return numerals(value);\n",
       "      }\n",
       "\n",
       "      format.toString = function() {\n",
       "        return specifier + &quot;&quot;;\n",
       "      };\n",
       "\n",
       "      return format;\n",
       "    }\n",
       "\n",
       "    function formatPrefix(specifier, value) {\n",
       "      var f = newFormat((specifier = formatSpecifier(specifier), specifier.type = &quot;f&quot;, specifier)),\n",
       "          e = Math.max(-8, Math.min(8, Math.floor(exponent(value) / 3))) * 3,\n",
       "          k = Math.pow(10, -e),\n",
       "          prefix = prefixes[8 + e / 3];\n",
       "      return function(value) {\n",
       "        return f(k * value) + prefix;\n",
       "      };\n",
       "    }\n",
       "\n",
       "    return {\n",
       "      format: newFormat,\n",
       "      formatPrefix: formatPrefix\n",
       "    };\n",
       "  }\n",
       "\n",
       "  var locale;\n",
       "  var format;\n",
       "  var formatPrefix;\n",
       "\n",
       "  defaultLocale({\n",
       "    decimal: &quot;.&quot;,\n",
       "    thousands: &quot;,&quot;,\n",
       "    grouping: [3],\n",
       "    currency: [&quot;$&quot;, &quot;&quot;],\n",
       "    minus: &quot;-&quot;\n",
       "  });\n",
       "\n",
       "  function defaultLocale(definition) {\n",
       "    locale = formatLocale(definition);\n",
       "    format = locale.format;\n",
       "    formatPrefix = locale.formatPrefix;\n",
       "    return locale;\n",
       "  }\n",
       "\n",
       "  function formatter(value, specifier) {\n",
       "    const formatFunc = specifier ? format(specifier) : formatValue;\n",
       "\n",
       "    if (Array.isArray(value)) {\n",
       "      const [first, second] = value;\n",
       "      if (first === -Infinity) {\n",
       "        return `< ${formatFunc(second)}`;\n",
       "      }\n",
       "      if (second === Infinity) {\n",
       "        return `> ${formatFunc(first)}`;\n",
       "      }\n",
       "      return `${formatFunc(first)} - ${formatFunc(second)}`;\n",
       "    }\n",
       "    return formatFunc(value);\n",
       "  }\n",
       "\n",
       "  function formatValue(value) {\n",
       "    if (typeof value === 'number') {\n",
       "      return formatNumber(value);\n",
       "    }\n",
       "    return value;\n",
       "  }\n",
       "\n",
       "  function formatNumber(value) {\n",
       "    if (!Number.isInteger(value)) {\n",
       "      return value.toLocaleString(undefined, {\n",
       "        minimumFractionDigits: 2,\n",
       "        maximumFractionDigits: 3\n",
       "      });\n",
       "    }\n",
       "    return value.toLocaleString();\n",
       "  }\n",
       "\n",
       "  function updateViewport(map) {\n",
       "    function updateMapInfo() {\n",
       "      const mapInfo$ = document.getElementById('map-info');\n",
       "      const center = map.getCenter();\n",
       "      const lat = center.lat.toFixed(6);\n",
       "      const lng = center.lng.toFixed(6);\n",
       "      const zoom = map.getZoom().toFixed(2);\n",
       "    \n",
       "      mapInfo$.innerText = `viewport={'zoom': ${zoom}, 'lat': ${lat}, 'lng': ${lng}}`;\n",
       "    }\n",
       "\n",
       "    updateMapInfo();\n",
       "\n",
       "    map.on('zoom', updateMapInfo);\n",
       "    map.on('move', updateMapInfo); \n",
       "  }\n",
       "\n",
       "  function getBasecolorSettings(basecolor) {\n",
       "    return {\n",
       "      'version': 8,\n",
       "      'sources': {},\n",
       "      'layers': [{\n",
       "          'id': 'background',\n",
       "          'type': 'background',\n",
       "          'paint': {\n",
       "              'background-color': basecolor\n",
       "          }\n",
       "      }]\n",
       "    };\n",
       "  }\n",
       "\n",
       "  function getImageElement(mapIndex) {\n",
       "    const id = mapIndex !== undefined ? `map-image-${mapIndex}` : 'map-image';\n",
       "    return document.getElementById(id);\n",
       "  }\n",
       "\n",
       "  function getContainerElement(mapIndex) {\n",
       "    const id = mapIndex !== undefined ? `main-container-${mapIndex}` : 'main-container';\n",
       "    return document.getElementById(id);\n",
       "  }\n",
       "\n",
       "  function saveImage(mapIndex) {\n",
       "    const img = getImageElement(mapIndex);\n",
       "    const container = getContainerElement(mapIndex);\n",
       "\n",
       "    html2canvas(container)\n",
       "      .then((canvas) => setMapImage(canvas, img, container));\n",
       "  }\n",
       "\n",
       "  function setMapImage(canvas, img, container) {\n",
       "    const src = canvas.toDataURL();\n",
       "    img.setAttribute('src', src);\n",
       "    img.style.display = 'block';\n",
       "    container.style.display = 'none';\n",
       "  }\n",
       "\n",
       "  function resetPopupClick(interactivity) {\n",
       "    interactivity.off('featureClick');\n",
       "  }\n",
       "\n",
       "  function resetPopupHover(interactivity) {\n",
       "    interactivity.off('featureHover');\n",
       "  }\n",
       "\n",
       "  function setPopupsClick(map, clickPopup, hoverPopup, interactivity, attrs) {\n",
       "    interactivity.on('featureClick', (event) => {\n",
       "      updatePopup(map, clickPopup, event, attrs);\n",
       "      hoverPopup.remove();\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function setPopupsHover(map, hoverPopup, interactivity, attrs) {\n",
       "    interactivity.on('featureHover', (event) => {\n",
       "      updatePopup(map, hoverPopup, event, attrs);\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function updatePopup(map, popup, event, attrs) {\n",
       "    if (event.features.length > 0) {\n",
       "      let popupHTML = '';\n",
       "      const layerIDs = [];\n",
       "\n",
       "      for (const feature of event.features) {\n",
       "        if (layerIDs.includes(feature.layerId)) {\n",
       "          continue;\n",
       "        }\n",
       "        // Track layers to add only one feature per layer\n",
       "        layerIDs.push(feature.layerId);\n",
       "    \n",
       "        for (const item of attrs) {\n",
       "          const variable = feature.variables[item.name];\n",
       "          if (variable) {\n",
       "            let value = variable.value;\n",
       "            value = formatter(value, item.format);\n",
       "\n",
       "            popupHTML = `\n",
       "            <span class=&quot;popup-name&quot;>${item.title}</span>\n",
       "            <span class=&quot;popup-value&quot;>${value}</span>\n",
       "          ` + popupHTML;\n",
       "          }\n",
       "        }\n",
       "      }\n",
       "\n",
       "      popup\n",
       "          .setLngLat([event.coordinates.lng, event.coordinates.lat])\n",
       "          .setHTML(`<div class=&quot;popup-content&quot;>${popupHTML}</div>`);\n",
       "\n",
       "      if (!popup.isOpen()) {\n",
       "        popup.addTo(map);\n",
       "      }\n",
       "    } else {\n",
       "      popup.remove();\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function setInteractivity(map, interactiveLayers, interactiveMapLayers) {\n",
       "    const interactivity = new carto.Interactivity(interactiveMapLayers);\n",
       "\n",
       "    const clickPopup = new mapboxgl.Popup({\n",
       "      closeButton: true,\n",
       "      closeOnClick: false\n",
       "    });\n",
       "\n",
       "    const hoverPopup = new mapboxgl.Popup({\n",
       "      closeButton: false,\n",
       "      closeOnClick: false\n",
       "    });\n",
       "\n",
       "    const { clickAttrs, hoverAttrs } = _setInteractivityAttrs(interactiveLayers);\n",
       "\n",
       "    resetPopupClick(map);\n",
       "    resetPopupHover(map);\n",
       "\n",
       "    if (clickAttrs.length > 0) {\n",
       "      setPopupsClick(map, clickPopup, hoverPopup, interactivity, clickAttrs);\n",
       "    }\n",
       "\n",
       "    if (hoverAttrs.length > 0) {\n",
       "      setPopupsHover(map, hoverPopup, interactivity, hoverAttrs);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function _setInteractivityAttrs(interactiveLayers) {\n",
       "    let clickAttrs = [];\n",
       "    let hoverAttrs = [];\n",
       "\n",
       "    interactiveLayers.forEach((interactiveLayer) => {\n",
       "      interactiveLayer.interactivity.forEach((interactivityDef) => {\n",
       "        if (interactivityDef.event === 'click') {\n",
       "          clickAttrs = clickAttrs.concat(interactivityDef.attrs);\n",
       "        } else if (interactivityDef.event === 'hover') {\n",
       "          hoverAttrs = hoverAttrs.concat(interactivityDef.attrs);\n",
       "        }\n",
       "      });\n",
       "    });\n",
       "\n",
       "    return { clickAttrs, hoverAttrs };\n",
       "  }\n",
       "\n",
       "  function renderWidget(widget, value) {\n",
       "    widget.element = widget.element || document.querySelector(`#${widget.id}-value`);\n",
       "\n",
       "    if (value && widget.element) {\n",
       "      widget.element.innerText = typeof value === 'number' ? formatter(value, widget.options.format) : value;\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function renderBridge(bridge, widget, mapLayer) {\n",
       "    widget.element = widget.element || document.querySelector(`#${widget.id}`);\n",
       "\n",
       "    switch (widget.type) {\n",
       "      case 'histogram':\n",
       "        const type = _getWidgetType(mapLayer, widget.value, widget.prop);\n",
       "        const histogram = type === 'category' ? 'categoricalHistogram' : 'numericalHistogram';\n",
       "        bridge[histogram](widget.element, widget.value, widget.options);\n",
       "        break;\n",
       "      case 'category':\n",
       "        bridge.category(widget.element, widget.value, widget.options);\n",
       "        break;\n",
       "      case 'animation':\n",
       "        widget.options.propertyName = widget.prop;\n",
       "        bridge.animationControls(widget.element, widget.value, widget.options);\n",
       "        break;\n",
       "      case 'time-series':\n",
       "        widget.options.propertyName = widget.prop;\n",
       "        bridge.timeSeries(widget.element, widget.value, widget.options);\n",
       "        break;\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function bridgeLayerWidgets(map, mapLayer, mapSource, widgets) {\n",
       "    const bridge = new AsBridge.VL.Bridge({\n",
       "      carto: carto,\n",
       "      layer: mapLayer,\n",
       "      source: mapSource,\n",
       "      map: map\n",
       "    });\n",
       "\n",
       "    widgets\n",
       "      .filter((widget) => widget.has_bridge)\n",
       "      .forEach((widget) => renderBridge(bridge, widget, mapLayer));\n",
       "\n",
       "    bridge.build();\n",
       "  }\n",
       "\n",
       "  function _getWidgetType(layer, property, value) {\n",
       "    return layer.metadata && layer.metadata.properties[value] ?\n",
       "      layer.metadata.properties[value].type\n",
       "      : _getWidgetPropertyType(layer, property);\n",
       "  }\n",
       "\n",
       "  function _getWidgetPropertyType(layer, property) {\n",
       "    return layer.metadata && layer.metadata.properties[property] ?\n",
       "      layer.metadata.properties[property].type\n",
       "      : null;\n",
       "  }\n",
       "\n",
       "  function createLegends(layer, legends, layerIndex, mapIndex=0) {\n",
       "    if (legends.length) {\n",
       "      legends.forEach((legend, legendIndex) => _createLegend(layer, legend, layerIndex, legendIndex, mapIndex));\n",
       "    } else {\n",
       "      _createLegend(layer, legends, layerIndex, 0, mapIndex);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function _createLegend(layer, legend, layerIndex, legendIndex, mapIndex=0) {\n",
       "    const element = document.querySelector(`#layer${layerIndex}_map${mapIndex}_legend${legendIndex}`);\n",
       "\n",
       "    if (legend.prop) {\n",
       "      const othersLabel = 'Others';   // TODO: i18n\n",
       "      const prop = legend.prop;\n",
       "      const dynamic = legend.dynamic;\n",
       "      const order = legend.ascending ? 'ASC' : 'DESC';\n",
       "      const variable = legend.variable;\n",
       "      const config = { othersLabel, variable, order };\n",
       "      const formatFunc = (value) => formatter(value, legend.format);\n",
       "      const options = { format: formatFunc, config, dynamic };\n",
       "\n",
       "      if (legend.type.startsWith('size-continuous')) {\n",
       "        config.samples = 4;\n",
       "      }\n",
       "\n",
       "      AsBridge.VL.Legends.rampLegend(element, layer, prop, options);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function SourceFactory() {\n",
       "    const sourceTypes = { GeoJSON, Query, MVT };\n",
       "\n",
       "    this.createSource = (layer) => {\n",
       "      return sourceTypes[layer.type](layer);\n",
       "    };\n",
       "  }\n",
       "\n",
       "  function GeoJSON(layer) {\n",
       "    const options = JSON.parse(JSON.stringify(layer.options));\n",
       "    const data = _decodeJSONData(layer.data, layer.encode_data);\n",
       "\n",
       "    return new carto.source.GeoJSON(data, options);\n",
       "  }\n",
       "\n",
       "  function Query(layer) {\n",
       "    const auth = {\n",
       "      username: layer.credentials.username,\n",
       "      apiKey: layer.credentials.api_key || 'default_public'\n",
       "    };\n",
       "\n",
       "    const config = {\n",
       "      serverURL: layer.credentials.base_url || `https://${layer.credentials.username}.carto.com/`\n",
       "    };\n",
       "\n",
       "    return new carto.source.SQL(layer.data, auth, config);\n",
       "  }\n",
       "\n",
       "  function MVT(layer) {\n",
       "    return new carto.source.MVT(layer.data.file, JSON.parse(layer.data.metadata));\n",
       "  }\n",
       "\n",
       "  function _decodeJSONData(data, encodeData) {\n",
       "    try {\n",
       "      if (encodeData) {\n",
       "        const decodedJSON = pako.inflate(atob(data), { to: 'string' });\n",
       "        return JSON.parse(decodedJSON);\n",
       "      } else {\n",
       "        return JSON.parse(data);\n",
       "      }\n",
       "    } catch(error) {\n",
       "      throw new Error(`\n",
       "      Error: &quot;${error}&quot;. CARTOframes is not able to parse your local data because it is too large.\n",
       "      Please, disable the data compresion with encode_data=False in your Layer class.\n",
       "    `);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  const factory = new SourceFactory();\n",
       "\n",
       "  function initMapLayer(layer, layerIndex, numLayers, hasLegends, map, mapIndex) {\n",
       "    const mapSource = factory.createSource(layer);\n",
       "    const mapViz = new carto.Viz(layer.viz);\n",
       "    const mapLayer = new carto.Layer(`layer${layerIndex}`, mapSource, mapViz);\n",
       "    const mapLayerIndex = numLayers - layerIndex - 1;\n",
       "\n",
       "    try {\n",
       "      mapLayer._updateLayer.catch(displayError);\n",
       "    } catch (e) {\n",
       "      throw e;\n",
       "    }\n",
       "\n",
       "    mapLayer.addTo(map);\n",
       "\n",
       "    setLayerLegend(layer, mapLayerIndex, mapLayer, mapIndex, hasLegends);\n",
       "    setLayerWidgets(map, layer, mapLayer, mapLayerIndex, mapSource);\n",
       "\n",
       "    return mapLayer;\n",
       "  }\n",
       "\n",
       "  function getInteractiveLayers(layers, mapLayers) {\n",
       "    const interactiveLayers = [];\n",
       "    const interactiveMapLayers = [];\n",
       "\n",
       "    layers.forEach((layer, index) => {\n",
       "      if (layer.interactivity) {\n",
       "        interactiveLayers.push(layer);\n",
       "        interactiveMapLayers.push(mapLayers[index]);\n",
       "      }\n",
       "    });\n",
       "\n",
       "    return { interactiveLayers, interactiveMapLayers };\n",
       "  }\n",
       "\n",
       "  function setLayerLegend(layer, mapLayerIndex, mapLayer, mapIndex, hasLegends) {\n",
       "    if (hasLegends && layer.legends) {\n",
       "      createLegends(mapLayer, layer.legends, mapLayerIndex, mapIndex);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function setLayerWidgets(map, layer, mapLayer, mapLayerIndex, mapSource) {\n",
       "    if (layer.widgets.length) {\n",
       "      initLayerWidgets(layer.widgets, mapLayerIndex);\n",
       "      updateLayerWidgets(layer.widgets, mapLayer);\n",
       "      bridgeLayerWidgets(map, mapLayer, mapSource, layer.widgets);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function initLayerWidgets(widgets, mapLayerIndex) {\n",
       "    widgets.forEach((widget, widgetIndex) => {\n",
       "      const id = `layer${mapLayerIndex}_widget${widgetIndex}`;\n",
       "      widget.id = id;\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function updateLayerWidgets(widgets, mapLayer) {\n",
       "    mapLayer.on('updated', () => renderLayerWidgets(widgets, mapLayer));\n",
       "  }\n",
       "\n",
       "  function renderLayerWidgets(widgets, mapLayer) {\n",
       "    const variables = mapLayer.viz.variables;\n",
       "\n",
       "    widgets\n",
       "      .filter((widget) => !widget.has_bridge)\n",
       "      .forEach((widget) => {\n",
       "        const name = widget.variable_name;\n",
       "        const value = getWidgetValue(name, variables);\n",
       "        renderWidget(widget, value);\n",
       "      });\n",
       "  }\n",
       "\n",
       "  function getWidgetValue(name, variables) {\n",
       "    return name && variables[name] ? variables[name].value : null;\n",
       "  }\n",
       "\n",
       "  function setReady(settings) {\n",
       "    try {\n",
       "      return settings.maps ? initMaps(settings.maps) : initMap(settings);\n",
       "    } catch (e) {\n",
       "      displayError(e);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function initMaps(maps) {\n",
       "    return maps.map((mapSettings, mapIndex) => {\n",
       "      return initMap(mapSettings, mapIndex);\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function initMap(settings, mapIndex) {\n",
       "    const basecolor = getBasecolorSettings(settings.basecolor);\n",
       "    const basemapStyle =  BASEMAPS[settings.basemap] || settings.basemap || basecolor;\n",
       "    const container = mapIndex !== undefined ? `map-${mapIndex}` : 'map';\n",
       "    const map = createMap(container, basemapStyle, settings.bounds, settings.mapboxtoken);\n",
       "\n",
       "    if (settings.show_info) {\n",
       "      updateViewport(map);\n",
       "    }\n",
       "\n",
       "    if (settings.camera) {\n",
       "      map.flyTo(settings.camera);\n",
       "    }\n",
       "\n",
       "    return initLayers(map, settings, mapIndex);\n",
       "  }\n",
       "\n",
       "  function initLayers(map, settings, mapIndex) {\n",
       "    const numLayers = settings.layers.length;\n",
       "    const hasLegends = settings.has_legends;\n",
       "    const isStatic = settings.is_static;\n",
       "    const layers = settings.layers;\n",
       "    const mapLayers = getMapLayers(\n",
       "      layers,\n",
       "      numLayers,\n",
       "      hasLegends,\n",
       "      map,\n",
       "      mapIndex\n",
       "    );\n",
       "\n",
       "    if (settings.layer_selector) {\n",
       "      addLayersSelector(layers.reverse(), mapLayers.reverse(), mapIndex);\n",
       "    }\n",
       "\n",
       "    setInteractiveLayers(map, layers, mapLayers);\n",
       "\n",
       "    return waitForMapLayersLoad(isStatic, mapIndex, mapLayers);\n",
       "  }\n",
       "\n",
       "  function waitForMapLayersLoad(isStatic, mapIndex, mapLayers) {\n",
       "    return new Promise((resolve) => {\n",
       "      carto.on('loaded', mapLayers, onMapLayersLoaded.bind(\n",
       "        this, isStatic, mapIndex, mapLayers, resolve)\n",
       "      );\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function onMapLayersLoaded(isStatic, mapIndex, mapLayers, resolve) {\n",
       "    if (isStatic) {\n",
       "      saveImage(mapIndex);\n",
       "    }\n",
       "\n",
       "    resolve(mapLayers);\n",
       "  }\n",
       "\n",
       "  function getMapLayers(layers, numLayers, hasLegends, map, mapIndex) {\n",
       "    return layers.map((layer, layerIndex) => {\n",
       "      return initMapLayer(layer, layerIndex, numLayers, hasLegends, map, mapIndex);\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function setInteractiveLayers(map, layers, mapLayers) {\n",
       "    const { interactiveLayers, interactiveMapLayers } = getInteractiveLayers(layers, mapLayers);\n",
       "\n",
       "    if (interactiveLayers && interactiveLayers.length > 0) {\n",
       "      setInteractivity(map, interactiveLayers, interactiveMapLayers);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function addLayersSelector(layers, mapLayers, mapIndex) {\n",
       "    const layerSelectorId = mapIndex !== undefined ? `#layer-selector-${mapIndex}` : '#layer-selector';\n",
       "    const layerSelector$ = document.querySelector(layerSelectorId);\n",
       "    const layersInfo = mapLayers.map((layer, index) => {\n",
       "      return {\n",
       "        title: layers[index].title || `Layer ${index}`,\n",
       "        id: layer.id,\n",
       "        checked: true\n",
       "      };\n",
       "    });\n",
       "\n",
       "    const layerSelector = new AsBridge.VL.Layers(layerSelector$, carto, layersInfo, mapLayers);\n",
       "    \n",
       "    layerSelector.build();\n",
       "  }\n",
       "\n",
       "  function createMap(container, basemapStyle, bounds, accessToken) {\n",
       "    const map = createMapboxGLMap(container, basemapStyle, accessToken);\n",
       "\n",
       "    map.addControl(attributionControl);\n",
       "    map.fitBounds(bounds, FIT_BOUNDS_SETTINGS);\n",
       "\n",
       "    return map;\n",
       "  }\n",
       "\n",
       "  function createMapboxGLMap(container, style, accessToken) {\n",
       "    if (accessToken) {\n",
       "      mapboxgl.accessToken = accessToken;\n",
       "    }\n",
       "\n",
       "    return new mapboxgl.Map({\n",
       "      container,\n",
       "      style,\n",
       "      zoom: 9,\n",
       "      dragRotate: false,\n",
       "      attributionControl: false\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function init(settings) {\n",
       "    setReady(settings);\n",
       "  }\n",
       "\n",
       "  return init;\n",
       "\n",
       "}());\n",
       "</script>\n",
       "<script>\n",
       "  document\n",
       "  .querySelector('as-responsive-content')\n",
       "  .addEventListener('ready', () => {\n",
       "    const basecolor = '';\n",
       "    const basemap = 'Positron';\n",
       "    const bounds = [[-122.51129492624534, 37.70899533715967], [-122.3703523516931, 37.82411913273524]];\n",
       "    const camera = null;\n",
       "    const has_legends = 'False' === 'true';\n",
       "    const is_static = 'None' === 'true';\n",
       "    const layer_selector = 'False' === 'true';\n",
       "    const layers = [{&quot;credentials&quot;: null, &quot;data&quot;: &quot;H4sIAPMnvF4C/8Wdza5luZGd36XGcoO/QbKnDXjsudGDRnfZENDuEuTyoCHo3b0+HvLWiePJvYADW1mpVKZS4t7cZPyuWOtvv/z+n3/59Zd//OW//vovv/+fv/76T7/9+7//+q+///m3//jlT7/8j9ef/e9f/vG//+2XP/+b/lbSn/r/gf7gL3/97S+//vX3P/MX//b3P/3yP3/97X/9+vtf/1O/u3/5v/325//4XX/1X3/77a//9uf/+Jff9//pf8ml/ENby8povee10vxTHf8wrHRbdY2sX/o///3vfzqr54DV08yWxtL6JZe9+ky99jr7LOV98fL/f/G6kl68tjJWynUvXnJfa+pZrLTxtnqNePU2R7ecexuz79VXm331WkqZtb2t3gJWr6n3uSy3pCVfq4+h19Z/uWy8r94j3j23uWa1lrXZr8+uD75KrnnOnN9Wt4DVm9ZKPRd99pJfq5c2Z6p6f/14P3YjYPmcV60tJx30aufM6zfTxtIJKG+rz4gPP4pptVVSO/d9ppnyMNmBVN9XXxHvvvoYpenXMfbqM5keIOfcbPb6bm0ijF2Z1nXKdfpXe9m6Mao+/cipue+eI4ydDE2uMqtLBm6vjqmtZjZTWe9XLpeIO5daLsY9y3ZufG9ttmVzzDnfl48wd9lyLWsN691eH142IMng1TSmva8eYu6y9rmuqbXGOAaHm9AMg+NePsLelawb1rNevY3Xp586g2WUpQcrbvkIg5fT6tp/OfjrambL+tOcqw6F3/0QizeqTn61ZNPW6+ilNaoeqOfsXz/C5CnG6VP7bCm/3t46FpfrqGv/HmRE2JyEpZWzm2scb7NGT2212tiF9+VzRJAzZNv57lk+7hXkKNJbcyrKG87ilhISXiqULEM2rr0OfrU65PlyqnOu99UDjA5hZFd0K++S2svg15TNhlUdf3fwSoTV0XsuuXUZ/telW1q3L5Mpdm/eQ/Z9apuHLnc+IY4uwJD7lcmp7saXCItTau06+bpn6xg8GV7ZPjla5Rbvvq5EGJyuKDZPQltLJ8woCvWVZ+ir6+C/rz9DwhzsvWItRbr77fVAOoE6iPYRXZcVcedlZvtQNKeI8hVh6r7rU5hlGQIXatQU8vpr5q4Dd0NMm0UXv5euzOb96NeQnFKGNSu20mErJ8IdunlJGQdh7vvyIXGWEgkr+vStjRPe68Yr1Sozp+muXo2weSvLs1R2WzH16+rVZqaAX5m2Hul9/QijN0nnl665/Mtr+8lrhk6DEjylfO/rR1g+UtoqF69QN7WT3emRlPVpA+p7kF9HyOcvxUYZ6Y/8alSlWyaf253HqzMkx9Avw1Ir7aQ4hPgK+rtOQ87u9SNMj866dluxbU8vu68gx8i3i47gu8NtEYZHnl0nvCqw6eMVaHad+ZX1O9n991irhSR4eusi268E71691rt+mwzD/758SKxFbrkGtubUdIryLUWbjWjrvarSaojPX9pr+RhFGONE+VknUXFIyum9stBC7r3CTAzfzDZOyFNlgpTqyOj6zbeQ9Lo000bLzNxQUw8kQ5h7VSD2vnyE2amz8o/uXT5FJVspmaWU50rvYX6bIVZvUTWlsFTv5peddSgC6a6YGVFWSkNHTqmslXKO3mwK/Qjyc3Ynv4fEO6XJxymzSTqEr3ufrMje68sn2b/39XNIuFuVWFjJvZ2zVxTu6EDmRjX7ffkIu6ONTjrpyu+15nn9qv2Q6Vfg8372ekghPVeZOGILW+fsyd22qu3IObuAp4cYnqIIIyuvWl/F7DbNiiKOShL2vn5IrqW3p5IuB38Ke0PmYOp3RJ7vq4fUdnTyZGuKzXvzcXrKuafCwOFefj5a2Osx9ezUFdrpnctJ8vu0qgxTltfbPQsxPJVaEmU9ufpXnqt4Tz5APlie7335kHhHm4/xaVSST6JH6psU6SZndi0k06pJL8sBsLN8V+gzclKoPd7NjoWEO/roU/uec7KTZ8jjN8Ugirxdbcki0qysHZ7U8ZTwnZqu5USgp7CrurfvIVlmVVpTlVne/uFQbp+U6dXsc3wLqWj3WnDvMjQnyes6DnogfRV543ebbyFmR+dMNkaWpx2zk1tJtO+0K87l2IrpJE3ZXX3+ds6eYu6d3eOFXIFnRNidLtuqdFp+9tSX5G6V5e0f9f3tR0hJe0d6plzrxhu1d3oJ2pTijO4oIaH2Ml0zo6hxw400FYaYPn1xbx8S7oBNGPTR+u0lZcWZs+kqknu8r99iMvw8ddKmsrpyssxO3UFZTnc3f4RABygsmQxPqv2UdhX86eUHyA1X3xkhloeT1+ko5HP25QCHQsAhW+SbyCMi3hqFW0YRXeH9iTabUlwdSpmfd7s/QgIeWTiZHTrJt7qmYH8s4q3s2kkzIuKoCjhk4HvupX/VdmUIqHxkl+bOElLgUZRbqa8p0NrLp0XSqTSvOLs3Q1roivPy7Iov0+1qyBbQ19MVcCd/hnSzdNGVTTft/HH5vSi5NQVA3VxlcfZnm9gz4uJXBdpppGK0T19OL3Ht9DUWx/F9/RHh9RRYyerqndtJ8+joKAYsAyDF+/IxLS3KSyvLzJbjduTvdBJScz5vrpBwqwAh2Llefp185ReNTsfK7d3nrBQCINBX72sQW56Tp41vO9Z0Fn+F9LMUZynB0Ysqwj419ZFNW5JxRu/Lh2RZSq8UXhYSi3nwC5P8WqZIj/G+fIjRU8DRjSxbKfYJd3TyauUgOoezIqKd1XrlA/SpzT4IgqXtaMRg472su0K6SYot9LkrMJmTZumJprINumqusrhC6rrKKEizltVx0YI6dLvM3FxlcUXc+6YjRhmndDtH3xbHrynvXdPDBdOjWa78UERltfKuBLfzNBOzXM2QHRw6lA7HkFN5tLCu6Cukp6RVkhINfYNXyKEYgPsnT+QWDwENKp1RRsf968fj4wnobuflMz2FQCFvT7CTrK71SvOp6c+lI9l2tuUeICLmUXBnNFU7ufY5f9Yb9eY1i1//Wah0TiHmz+Tic+t5nHayvD5gBhlh8Ixu/ZBsq4JVMwVdOm435gPE2xSFL/f+IZhh3f/FARzr+F4dfZ3AUbO2xC9fY0L+ap37Nw6YQQ+iEziB8HdnAEJQwzI7u8hcFHifZFd+SMchyyA42GoIajgNmVoKvVbWOpWWYsp+5YB78a8fcftla2uX5wM2dduKxk/5BEBO7gFCUp4FQl7B5lDIc3pLdWTdQGUd01X6cghyeB9zJbmyePUWe1olGqcI6E/As33tHAEe1v0vgKcH0L2zvuxh0clQIugqDrmETGgpvaTBpec44eei1djAzY/kD0AEgJgxKb2ngWF6vT8Yqt7AF3UX/uYQFG+lvqP7b+CYznCeQtJdAa79Y2YkpNq5bCjSTdryciywgpKqBGASHrn1x6NdrhwD5K0byiGzvw6SV84oERcoBOrOAJSQBAgYAXMKlJdfBkiZ/+L+80nc0E5EAkTiO+rUy9mZHpAr7iCpfYc1hyB5a5P9o7mrGLzeNlcjBVM+6udGQqC8VfH3bFnep53dVybAza90epO7fhFYXrzcBLtYcTqv46dQXAagkoL4D9BC+ozs9ALPcmovijxsgbFrrviRQ6C8TXaOY16UB7c7QqFgqDPA8jEyV+1RWFuOARMzpEu5q33N7oyhC0EL7OP2z5iSdy8AynXnT/wF0kkmcdrys+E1pM3dMHV0t67339Orin1Gc28fAiZes8vHr2Vf4a8p+lZGWHgMd/pbDKpPqyvbT6W3V/ivJJu57TR1Bt3hC4ETU3ObU4ZO6ecpfqW17d4YH+lHCJ4YFM8E2ScneKYGlfgpHFf0P/3rt2drfyF45lRIvneL7SQ/XcGYEpEM2sDZ/hYDsVkcMxt2e51KRitTlGQ/fv0YYKEMP/mG9v9g2+T4FObQh/S+NwTSrNcF3VP3pObL+MoaraVYqPh2Xw7BNJPhKMxW6FFPww1Ma6PfCVGBG1kOqX33sn3tUAp8Sv8gSusuCjlAe+4xwxQyP4mpQUsX6NCbWdrj6n5aPwTWnLl9Q5etXlzxIufZPtCyL773kOnVDXKSdVnlVl/1Y+pQdkpyfgdCOv5JgefE2o47y4QF1umrH+jWHIGsrlqXcsdKX1egMsNdDNiFH9oPif502ZgZk9+tZ5poUfkoOwn24WePGepg6wvUJOkV/ssgGruRFAM7FxQBrv7B7HiOQVcngPQrlXVH+XYreMoP6M+cCbIUBLmQtS3zIt1og6emyKCk1Nz9CwE45wlTQM/gjC/UsI7O9LqugX//GkKUA5hZ8f8sJ/9SMAqVhZzD/Hj/kPRTAUcB8iQzdJgbqt4f+J2ycOcCLQRyRL6vSw99wKFMqQqKIe+w8rF+SAimSEt5vvLtQ5oC8EQOmSBACbDzQDZCGpBdcVii6nr7L6agWAahMtnn1g+ZZs3LGPFQhDuuAZBH3uM+2dffQ3DW1HlKVg6kk3CGWwo0STlRlvMeMARonQD5KgjXgxwPIGdoSsr18yMIGyEABOX5uvD63vNUAOQUGPggNmn+/UMAl1MOJ3UGuE8LbNSysS9WPegth4CtqTauM8p2g9ClCBjAJ+wS7gFaDNx46WgxU33wRxsPNJuC8/Sxfo/pgEGhojDoC3U4Kb7L/epu+vVDYjCSHdDF5SD/dvlZCbg83kcHLgRuzcXrjDHXfhsQcsmKimzzaPkNCInBYO5QLlJzbrcIhv/RFSAWcuuHcInUDtqw60McCzT37UvTmC51GzBDTGC1Cj2l7mI706Vd3wNY0BiuChWCOJddIeseSsfPBWTMQw9Quv7UwZ5zCOZ80und7R7Fg68eQDP+sBCIfDxASB2ODFBxZ1U6eHpASvdkGAyGHZeFhODOFQBt+58BwlwURhm0pBlt9ycwxAZaUrYna6NDf0dc5YfS0A+Fov4BYkphcoQKe+FOKq9SWAMJTnNwfvCnhdggQNaKxk1BwEmE9PVrhTwwmcsDZ4gNKrxsUiy47Iuws4/NqNK8DQzBfysESbJ6Gb64S6pCSq4sZHwEASEIcJ0xLQYS+s73D1NcKrNIL9pFgSEQcJ2/OTbDhZa8lD4gQBaobGeDV324EBOBAm/Kgsg4mX4qFwnFAYRSyRxpal794Q9gj/KZ5RAYeqcJv+gFlluIzJ06lHyTHwLIETj0LkNfU2f+Yp4gTI+Ulh7LqifJLjE49ErnV1utuOcUQlqSAdCHYRTac1hGWCCCTsiEKlCYA0SlNSYHnEpxbIYhOHQSXqBglB+OB+x6FGg1S3MXoITg0BV9Q5Ct+95PHgw4oWcOgG8FlCAoujZ/zkU3JB8DlOlNF4hWils/BIimQENxMFQH6/A5cvinMQXb/QWwoDoIDMJDiciphCsKJh7abtitPx7FwZUIILrMTlsM3IMFfXnAWmovGaLL6prhJa1ngZglhrkbXgXSXrOeL6th701JaHXXP4S5u07O+VACYnfqmbmwBdmIvKJbP8T8mVVYYxUGnbHnrlAYosEGgbjf/hgcbM703JQFtDv0v2AdUAbcPtbvEQ6YCUxlXwo4bhZeFAxsUsviBiFKCBSeoV80CjoJ3z0AdON0JYonEg5h0P5BM7zkZwneSggSvnTb+RYEh+UWgilIyAPk4gmNY2i8R9fx1095ntMLKhAtGZUIR59fQqD4309BSgiRd90T1xTi5h2Gky2WuVVcmr1USwgSv9B5bMyerDsKNkGG6viNkvz7x7Af4P4Y/TgGYMn9w634AcQtJaYT2XTLl868Hf8vNzhrrgoCUm1++0M0U1JPivZqu7Id0BmfG+gJrSPmAGT/yXdwAvf0KwGqEH4qAPMk+iFzANSeu9KNlO8cgO7+YBCkAJLz+x9i/zZvO63Ptb76EBk4ZP8YhSs1Bg1G6L/rTVenSband76Lz/9iJgFoQTEMwjjOdT+r9Be5sNv+kEmA7w+ClRpi/VpOzH2mfqFg1sYeRWQYwtmfoEGAxtDhnCf7sqlkWBcPxiV/+EJwYMvwc2lw20/2Q2cYNCj0l+4B7FG6txIyB0DTc3TD3pw5QJ2DSvIzZza/fsgYlDFvAQlE718F+KJkFAYUHQL3AM8iwUqLwWEo/s4UYeopwEF3rUMhq+RxIKXFYFF105m9auvMAighlAEcyoLGh6BFDBj/+yo2LST8kp1fkNpShT5t6I5wVtVVdBYohlz8B+cvpABfoPvprSsHvxy/nXaYgmDlP279EBgEhZ+kkJcs5CARwUXDxbaGDwCDCMZhwYF3Um7o0t4Bz556jOk/QIQBIvgw3O05/Yr6sH/a7eYlpGKw+Mg0mt4M4p2TfEJzDOXkal5MKIRxs6JmQhF4tTsLILtT6yZb9f2HGCy+XI2yXMWB9TBxAIow3f1Vkrv+IRTjdc6NQ0xfs0C9w0VYGdH42P8YIgrlfZvQul++14TICEOQIFHcA0TYv557nYlEv/VLBLPHoSZUz34DYqD4HLgFEUu71x95g0wYkj4OYEgDALhfGQPyzUv2XLWU0RJwq4cAMDI4h6L4s5/225jwgGxFp+ysbwwQnzabQm16bmcQQxnZhIOtezWvEJrzpKuee6L5eLM/5UK8+fbAbv38cPYfMwgAw2jNKc2vWbCtYkoNOmXn/SxmFlLJJ5+/zlP9Reyg5rU7kv79QyQOykvRYLV25+A3JwwdeP27W388O4lVQoDoSYtT6+yn+6agaxUupR7Bq+lF3D+ghrA9wgX2+vxmyv8zIZg57xsCQi9aujP7DOT0C4Jp4DJhqHG7H4JC113D9ZHtHxqKxXC2sQXZZ38hKHRaHTURa+ajMFJhAdHLAgt31acQEPqC7LHK9az8JaM55HWJSGrz3jeG9Bvzs/rcPvAcwDQAAGw1Ube+PUoDU0JQ6ACNFXkziXXqT0q/lYunprQw+QMYoqAru7/h3lr/dN9yhRJVDlH5pz8A61n8SwwInb4rlP+n9yWzR+u16Ie3/jEYdOoeIC/GhcCjaGm0PnLyzd9ZHsX/lhjic8gmC3ScV+0DTuJKN5rxVLd+CA/nC+kI+vTw4NhMBP6oPXoV4wjq8R/B/0IA6LXkppdPND0v9zgAFPR2vKhkCSEfLzj7OeF/uVwYu/TMVEDxr7+eRb+t9KiibVkx2APdK6TUdOnuGOTcyXhhCMetX56tvsbgz2dGXwMqpis0pQ0pSJCkD/RTCPy8ZEZuSkFP7lb/C+SYAMCd+Y1Bn5dFpWEq+LsjYIzeaP/79MILJQR9XssuPzU9wlmeCVQaIMq+XPqxnlX0LSHg96E4q0ABmG/zDTQIktJQs/rez1qPTh/UFCMnzqinsu287gxshxUu0xCqbvmY6k/eUo5dN/7MQFdY+CAnH27+rYZg37+PfagphoXZmHquS5HGJcJSIoa4LGUht36I9aPSxawPh/1CX0zHbyR5AJd81BDwuyKcPe0p43++/yyILE/Kj/74h5i/SutvytGWfAXldRjkk+m/+v2PIWE3RuAzlbYDfs64/swMZBtu/fko9qWGYN8nUnswECn/eEV/XYHoGkBPlo++awj2/fvDNzUE/f4DSftcHhX9qiHg913jgPSsftGw5PGC4qKL4NYPGf5BT1lBuO58veB7yj5rl1+dAcoxwz9aa0E9let1gLsW0xvjWG59iyk/UP3UKaj9S/1pGaUg6DH9BQxBnyrZUPKrfLd/TR9QfAH53ro/gCEWkNKPEYVpJ04AtCBfyIMCRHMPsB7VGa4lRmC9kP7q1t36IxXBjBDIdOifWmJ0jpN8be9or5zpqwHuhckLGSEXgpUYIrBc6TiM2/2CjkbeoIN+cec/BHv/ffRrLe1ZJsYaAr9PHbmDOmXtjwFquGMFhgAz3fL2bPuxhtDwl0ymUZWAXPwrvFCDQAhieLd+CP40ZzTeoQPLXymA/A+779GHNQR9/20q4lpDAkAlvsAfMiWQUwEBDwb8eWYXgNUYDpyihVJOeo4LP4KXsCVdierXrzHTb9BO1S8Nvp7hJCrQcznwcY0Bv6OD09PS8T/DDxCgI8LUZ24+A68xAZjMHBHnrFeGpaD+rUdCk9StbyHxj8z8wP6vi36uepgC+jybP//jURmcGsODr3zf6qzyuxd9BhRXcfFaXgam1pDpa6bvEkPgo9/2SwKJjQq0w1/VFgI/lbUte/rysgBuB8QIfv70PyFU+N+d/q4h4Htl1dp92u3jmD/dyJooQFUUed0DPMyAVUPg7+BstNnKxNLxf6PREp6wtOfmD8B4cPqyhoDPfzB9WVuIAdBll8Nb9aKfFRFCScYUUnHnL4SKfSn8Scp0lHCe6Z9MTXL1PZTojl8M+juDt16NitMZ/YUUEhLi6esfITzs30c/1hj097fhZzUGfM1u15yqjP0h/1h4XyQCqu//9IcL0D3k+iO7AgByXhVaowA4TQ6hf+x/RPaxcx2dduDPR4N6Tt1Jo/pcHf6h2rMyyDUEf/39/n8NgV9/n/+vWkz+k0m35Wwu/ZkOID3RovctDv9XQ4jY8fIku22eDoi8PyFZ4hw4AxDDw67ApyE7A9771H9QJ1EaWHDA7gFC2A9g+0kwYZ/3x/mPvElYHfdHDaFhzwbryK639oM/mVsYTYY4r4/vP2PGTwfhvtLuy/+AJLk2oCkPdgFYEPydUW84eK8MohzfJBug/uEQkDUEAQ/wfkFAxo9jghtavGWxB279EARW4qwV8F+nBKKDP0kKZBucElwNQaDvSrPikMyWnwRMQRAjkBBAuPVjMiCYnhpK0McCy/LLJW0O5rH8B+ghUihMXhMHp2uCFYJlWGnoRPoTaM8GQSNEizmT9KI7oPN+U3CGECAgasN/gfmoFnoNgaBrdVBYinjTFWMpU2dfPlFpsXOCIRD0HwRBM2YKh9tmyC8eFmyZvynDWEp3I1g1hAZdhp6m/5z9KwlMiQbIGKBynQ+MoUH//ghqDeFBT8CNFHDrxN0dMPQgja60U+OtMSj4b1fhp8WwsMvUK+Bl7voyALSpjyC33P0BHM9OodUQEDyyv8BAjMTvGCCGQOSUiqJTfwPWs13AFZKGpmWEYVVO54zBtZT1tXd66i5gDA17k/lNW5fxtKEVFS14qFvyYyg1CgbPaTPF/O3KIcsetcIgup8DquthJOhqz4YAK8YCZplcBiF04E4MRlFmKjKwDyTgepaGuIZA0QsqIID+9ARnAxAmMFkGmPnc+jE0xKXDOrQUDbTLAjRWYR5qOgvYYpDozEErB9+sKxeJrpSXYwA0wT1AfnQSqMVg0dF8QX8KOYajSJnRidaHsY/1Y1hAIYMABnFwYGTlPS1UgVfxByBGEbUn3YCBCPHZ/saBlEXKrfvvHwJEMkW8BOC9vi6ATn3rvXQAAh/rxwRhE9htb+OLhnKXwoFjZqfH1kKw6JSi5XB1DhTkXyQKg0nMJha3/IxRA2MSi1LIKtcB5Dk3Niv59deTgrgtAohed8VPNwABtn6WB4A5FY9kJwnecn5Wi6zl8mgjpMXQsDMEQSkGBe7DA1QYjdEOLIfDaCFI9A4UX7cPXeADBAKUCCuYHIA/gP3RDKSF0MCXytz3gPP6AgEU+XQbigxT9fs/gjqxieYHpccTf3WAqdqW4pcPKcHxrQeVsJnO9u+UhMps/bj/z7KAthgY+rcb8S0Eh/5dFqAWwwC/dPvhoC35ogCUdtUMD+5yJCwtiAEeyOF6sX6cr5/ABPelEHz5DQjBgSr9MPy9kqtxWWjkfTrCdLX7HQiJ/hTidqpN6Sv8BRed5ZCghnX+LwaIXqfsnK3R55UBYQaF0czhB+FbGY+qULQQHPq3tUhbCAwd7fmh4Ee7vk4TKuEMU90Sxe79Q4DoetmCIm1B/eXooPW61bk8DrjF4NBhoYf0o7ST/VIOmpOKqIMBthAS+DR025KSTYWfxwBnpMBrIiPyxy8EB/99GqgWAoSvjCHVZcb4w43/Zf6VFCgj9h8gogmrc9+RwIKH6zWGVrT2AoxYu8/+68NzOC0GCP8DBxBDBP9tIcgWwgO/kMElAoCP/7ThwaADhR/FRYAtZhARMCqkz/MAoSetl92ErL4L3kKQ8NWQgU5GHWhcISzFv0UJEVVJ9wA1Bgq2x1GVhp87CAg+U4ArHorUQrDwpQ64+FNef3ARMZmzMkV4fwVCsPDfp6JrMVTwwBBG2tSPB4gBGyFwJOVC/v0jbFBD/GN3veZlg6lDFpjW3Fx+/flsDSCECV7+hsE72D9uDcQIA+vS+37kYT1EChHZL+V+ABAPG5xcIDKAWGG3fH52Gqb1Z9WoWwgZvJIABQFp7l7k4ULPE2rERCTm1o+wgA0ZrqlIJPcDR6cLwTCGvoQfB2khZPAZ2Tu4v3UFrxoBZtmWwmOvxtpCBhJIexZ6BCRiJw0FnZehRfJ1sP4wFq6FTCR0Wm5TwSCYqDORuhYU7bJEH1dgParG0UII4WV+KsyLuna3DSp7ZAU9BF+HtEehcC1kHAEdWIXgU/+cNIyGuNKACU+ML0NbfbgNbjFijOi+6/blK0cxe1vKwkGD+EqA9YcbUSEDCYkPPSEfGJeSCUICyjPpoxAWM5EA+njRDbd1GJFHpjTClNhHEGTzWUHqZjEjmbXqVV+u4AhiKT2HoVzP5GZCW8hIgu6fvj6N/3K8sDywkrCOQqQvxowcM5Nadf538nOHYjY6TE7YT2W3ETQUCvZodh2524yqcgedYX2fB4WMRPQMAewmIf4iBVBmmGHkH44UpoWMRKSS6DxRiZ6nFLteLJXWq18+CIlCADjI+o4BGEhEEoj5ZlDIOEQvOButN/odSIePfyFJ4L99iB6jDE3tOvo5Xzn2IusLEjU5NbY2YtoQBfC13viWAPQfClWg2q26FHjE9GGNbHvq2582OMMxQLNAJrj3n+lZPvQWMwuB8u0yA/pRzjyctmTIGtKjdOuH4FD0obXRYJHn0UOFHC5BSO4G4ttsjwKxW8wkgjK9wfyzjsHh41tQIRb9at2fvxBCQrg/Ub8CkHBt7wCT+xoJdw/wrB5sixlFqHphSi52CYGUeoADh5TRG6CQSYSMHIvCvy85vIk9ZjTjYxKjrRg1avhYC9iLU4TXxygyRgMsuu8DxQDxvw2EbytmFEn7zxhA7heHKFtEUV530gkCtBUDhJDDU6yV4OA+BhAq1gxLrEvAQwjpZWQnWUaiAHHnwRP0OKV6Opi2xqMw0JApAC3K1JFCjtJvF3LbwzQ+6p8xdPSID7Y9DX7ZWHX3s22O7uHKjz2FwGBlaPJADKEdPmC8PoNxid6EWz8/CkLvIUMAoC+go9YtPFMoXUlYhxQ3ZccH3WOGAGqvOtmMwR0U9pD365MIRPbWb0CE+ZuwzpWMANCJ/1uzudkggEP7E9if5OPoISj8lNuWf9bbXwOgc78UgZN++fXno3yAPa1HYdg9hBD+++X/HkII/10x3J7Lo4PAPQaEPynwMQ28LhBWaS7JSGkehNcjQPjoEfCvYl8o6AJBmp5AYWnz68cEX6avbWhSntLP3JggCHmGd38hIPyOIMeLfv+4H6U+sn0036z69UPY4BV8yvjK0LTT/VEuqouOQJyZ3/+HS989BIYP6Ulquny69Sf70KcAmG6juCmoHsQGv83tgoXvuB/mAspW6fFyoD0Eh28gThTrKeA49r8uDuECIOhvYAgS//t8jL2EECKaLA8YVBi5Xidwx6OAEWWZ3PoxhISpIghb+q3/ddTQJ1PoxSVAPQSGXjcbluyAncr/FkYFiLpQBXTrh8Q/uUJGXqpdPvyJAVBQKH+fh3+ACAtAsR0CTEiYTgOc3usqAHEdBqzHAMH71j8fXYH3GYMdReEIkwmeiqXXGD12pb6kXwqALh1WUVY+1lYGdOvHgCCBek37GkOg7rrFOWkC+/Vj8g/le2iyK+C9ozgAAxM6DX75kPs3GEDdNd/b/V40v6FkHDn57x9DCEyinYGh5EsEofeHGgMgrls/JAGZfPtNAHokETMWGE0U/eLePwQGLWc7BvKTeul5QlAzZKFsAoV1DxBDCF5gXaME0i8Zmj4K00jDoQ96BCN4VfbbDF+32iVkrpag6FzpYxKkh6Cwk+4fFYBcLiPoZuWgIKiD6Pc/homlLyjxCgQ0hwpn7Xp0nqN8bEBIEgIlbpK/aVcUc0GHh05NgqDGPUBID6jB/TwhRb4xkC7DIjP1jKQ9BIWNHhXkk0yelisKqqU4hrX4158RSZAMC5yYhUN3OlCbA2JZ+SgBhaCw29zSQzI3Ni8n8zTmoBZB+fv6ISBsZXtyQJPAu9wQDEiovgYwcHcAeowmFXpwpCDFyhcGQDn4nsd2VZAQFPQe+u9G4+skgTTkkEShLe+SwCAUtHy/6f3TJWUvuhGtKDSy6iUJeggKukHHDwKF2P8U4WSVLLWtjuLWj5kDoQU8wKAeFzCAX2+xGrPsHyDCBMn4Q/46NzHgGYfOkDTLO0MQ5h5ghbBR5JFkBpT43kIg83ha3uZHFByDQqYQrGQYGdA7jazTmPQQ09cBQ0CwiNFsSjZm4I8JBIG9YKX1dagYVm6dPnaf0Y9xQbhN22Ggsb0PCgHBlqzD1yzDv3omcebEBsFI5AvRISDYzX1B2d3uMCBOOaPSobvp1w/JAqpun9JQ6NFPIVJpeMo6+8qEXBkmBIH6gzpgCCl2apb0vozfnDYgo2DW0UvwSfgIqYKBvYR7dcrDnjZwpzJHXeyjDDRiaPF11GQBErQ8lxI34YCZB/D7H3L+EQbrOgIpHWFy6ACVGyVg0b4OO0Iq4QixK+lTLHAKcUoJlYRmkFDdX4CQIHQgTJoyQCy7fbjaDF08c3RQPYQSOkFAvbYjuHXQoQ9QwWGt7E9gCA5SG9B05oAjXj5IxgL19p0P49YPSYMZgViQUmrHX1cwa2HuZFKC6taPYYWX9a0bClhOEM4EzNQBRKzV3YAQUuTaRlmb/COdIYCJLDQIEXq0/gSEsCInRkFoPuRXGow06kIcxbQFbh68h0ABAQJQittaCEebThEI4pzMRb+vv2KaUZOsgzH8dilZAYd0hWHTf4AQUuCSh+62/OBc644ioYoBFob/5B6gPv0ALYYTtfZNDWL1iJP0PBHtUUJSPz5BTEM8Ab9SMlrmuQMTShSIKoaPg0PgiEQdDTWSuvqVZ65dWYiyk+nbYSFwxMXVW6D/6xEHoQjMcACw6OI/QExHvFIK1495tTE4jaUpN/oQaOohkERG4SesFIoF6ldHEMViSmLv1SgL4SX+Ni+VhQDy9vi77h9MCCcMmDMxFNOhKXHrh/AS9bxpkJWO5UsKAxgVTLb514+JApT0l8Q/pxau0zf1CKjV+LePQSMjBaaTLx9sdxq3oBk2Z6tu+Rg4bqcfKVOfDh0Dhakij1zNc+JaCBhulEbtHynk/jUMtTYbDbVot36IA1akY1h8IFBHlgPTwy6k5OowFoJHK0pCKYPJCp1eIErds4PO9dJIltuj4mAWg0cbCfCp8jCFfMf45s6Ilqxdcmmo5Rj/SxlYq1N6Of5P7oDWUIExzD3AiKFkGYuRGL3zOHjkgj47pfDuT0BMOzwhUbdAAN5+vAIgZHPLcnQQFgIIKwMK2kQm+kULTyYmM6w0wG9ADDErgKSCNtktBDCJtGCFyGlO/wAlRhjCJlyAMMRebtQOK1AtyylzWAg3K1cdPeSS053I2s3wPQ7n2oFWYmrRCjbRSM+XFCqhjVIrjInmT+CIqYUvEh4a8ucGFOqQjMrk4defUe1I5IFS7TcHohBAKVA22JmgEjQSLKe7kMO5I8kGMSQ0Jc2HgCHMpD8YybAQSJpBBV7hgLvU6HqaThgMYaXfgBLRkEcToTICsa44Ud4sMXMWzwljNSYHaHW9zvx5/8V0cCMUWa4YbSGQuK3Fq3enKH81UgnL5RvRqXfr9xh1LqIQne5yfXBlPH2WrEuZ/APYk9zwFoLJAxA2J6MIXx5gg+Eq5WkfhodA8n7igmtMM2DAQJRQBj6InI1Ikfkt3YGiLQST9wN9OovB5JHtZDgY++FEYFJPaXGBH9EtH1MIZQQATbz1h0IrgoWpySj4/a8hHqjLBhUYkQ8iCXXQ/pKtHP4AxhCDKtYf9mLAypcYtI8tz9I/PsB4cCrMgmhB8f5IAdR66XgUfCncYzDWLb8eLcJEwNE60/+LqnO2OxMtv1M2I2FxhAAWgkbrNS3GAVCHOYBgBpT6Fs12XRgL4QRFmFE7UE0u8BBiGJIkhbpM8e/fnhWHtRA0mmH7ibZk6+5IwGobkZU/EpAeAofdcGCDB7bfLlDK2L2hG+g/wIhJQLPO3CQGu4yACnyYiu4t+fi/x3AyIQzZZWnHFyUmzOg7Ay3eAqwnSRnMYtjoJqzMcgBf3q/KH5KUz+5r8BYzESRv2wr8qy/nN9OOvDuUsA4MaSGcnD+QBrUITk5IKaiCTYYTrzSXHPJGacMO4R6gPYpGsxA4IqIcVXaIJuRtAmakIVfBDLj1Q6rAynQBojKc+/oAOx7Rw3RYSp0FCoEj1rop0QGkni4o0pwTVl6lpc4FxFBybkYG6xuV9HJBnXkYhUDVj4SYxYRgPZft9i4rrVVCIOWkbRRfBY7BQ9ZSaASj0NwuMUAeYKPkGZwPjMFDzowQp2KueUsgupGwVOr++0ZUCCPnT2pwIZScyNApC0Gg4qTgDOUo+WM88iMFDuLk7CPXminFnCIY1S/0cttHEDCC9BEJOzKj2acGsNXKqQ0NJ5BnIaycyKNCha4g9DghAsKyoOmcH42YMZ7tg4Qwc1YoeaYMoKKfdVmBp5IT+YbimMlshLASgz8EDZVvGEwFpO5IvDkkjoUgUovlqcSvQYjzisKUkTARafTk/fohgNSmrYcXV49xoiDFf5XDP8tHFSoEkZpl+1Fohwv6OEEFILPahgi60VSL4Ob8ATeFzZgwzIBFK/Qq/UuhXMaXNCg7WmqLQcQmvvWEDfarGb8n9QYIIW+CYhCx32cnswhyzgoFaGMucMoWnrmsBTsAfEHdpWIxiFzZwN63PMklBtdmIA5S5BrdbKyFQHJpA2fE6hR3HoUafRBmhdfy9AQWQg+qz21tlt17Ol54MRWJKzA/HW4hmGA0uhOCxH3c8XxFoAXd2rbcYJKFQIJTQqVNe1APQdVSbj4okRhykW79mF5g6QmRnvGlE9wGpYCl7NSD0m31Z4dTbT2djK6YepwSn5IsW74KIUhnz854jLNBIRSlHHUSz8z7Hi+QQapTDCm+HhaCCO6L7lOGGPsUpBvNAWCpCk7f3eCIQQQb+liQ4l2KxKbj0BQYQZXa3Pr50XLoSDGAqKZ4S45HUcdBpVZZxVl3LtTd+jVGqLJsOap2NcrG7pEwH+w4CkcMIrpUHXQFQ2teiS7Ccvmkohyx+e8fEgbaRiDprFt6BQGFalRlMNjMb0CMPoQOQEKVa56ZBDNUS7dYpAOkjRiKVOBYBZaini89SNVT6Y+gbXbrh7RDB72Azvc/cIylNBBxMmjzlj8A68mRhJFjIKG5MxwOL+25gEWGf+EGfQw4chRDWQUHXM5gIq5Ppl/HYjo00ggBpXfjnDeF/PaHUDAdCZ3I7jmyRwgoPVF6VCa+FXkOO4VeHqnysbLfgJAQMM1NCgZL3OHonllRqX43vP8fIaD0JjOnNCgjFFyuRCARYEMpt/sNiGFJ1cbTj7I/dHLnblAXbqBbf8RIBCKLrhisjcsNsCplqTK9RMoIwaQvORv0ISfI4FcxvOoL6AJQm3QOKD9r/0Ig8WQgzGUAf66nEsdoPGdQnsldgBBI/Pc1OkcMIv7biOwRg4jfcDBDoK98jQUxMM6Ifvfrh7QiyLTS2LPhd/0tWY1Qc/P7H9KKwNvOAQbjSCSCDMwMypl/+xBqGGho6qaovgqVpOMKiJDqXP74hzRj90C0gUC49HC0Y5UTaHVXBh4xAwGyNpj7qdPVr0Yvur2FpuB064c0IuTm5f47VYBbBEyoc8gcdKcRMULmAQCepgEmbKXTDE5zzqUjsfKH/YmYB6hbk1ohEBxd4yRAECQpBpNfdglAGEVtgo9T8cYBZPH7pPhTsYH/ADWkEwM/D5o4qVyFvtyA4iNe4Q1QzEDAt4eSRwxH7ncrYCNkHGDLEc6JII1dNAgardUG07Fu/ZA2CJ04PYHi8HP+ZYITlOX0IXwAEjMQAA8n4fbUa5+BHLli8JGtLleFHiEDAd/XSRghAwHgIRsN2PwFR0k0gGAnSo6daLT8aAQcw9G7RdkmXHCnCdLR7bacU/MFoJBxgF6KMn0dPcU/VyMwk4TmjHa6O34hFL2gr3a4r534IghFsjthmZ0DimHo/f7ntxhKjo4qekan4GCBoCtMcMQmv/0hDRDZ/aT8e7avAlSl+Cbnu1lT3QPMmAeAGSpDjXFHcsn+9bMmR0sxQiYifoAGGyEUvYp1V1YIONZVyYUQqoKDseQ/QA8RyB4ZRs6JUPTpwhKMgpPWAXAXsIfwE1Jqkq1v7fYAFX9MdCtlFrz/C5mJ0GuW3lFJbJeWAaamDYVw9z9kIAIxZoU+VPte7LQwwikBJCY38+s/O401+ojR6IUIBKGAMw8l728LasjhBbpHyDwEre7+mr34un3M4jScwMftC6JkWnxoZHEvOSsFGCRjss//QgYiflAADxmIYBYIRVg9x6l/WWMWH5Iyhb9u/RgMCtNnhbT/ICFnKTX1ASPA+NiAGCTepAkk47OOA547GJybpt5VQELmIWT9ZVeRROlXpCfh//aUxEcFNmQgogO3kg2m33t10gBHkoZPB0cfIQMRiblneAF08r8YAQalOUAAfv0QiQQZPp19BtPORJRORAMXkT/YYUfMPMRWQ6+yP/2rBTlRjFccPn3+FTKOkKs8X0vgQC4GYW3Rbjml4VQiR8g4wk8CwIh5BNl69LA6YKC5DiWEjkRecKV0ZwFCxhGqUQFDm8xOD3KtnQ7Az+5haCNkHOEHIIyQcYRkSsBpN856a4CkviYfsNVC3AME0ePWaqYEdBx+YhizuYYyQsWfgPFsETaGIDtvYV6Zu4tCm1BlEhbPzwMYxAq0mAxVKHiCML08ClmFPXDzACNkHgFismLb7RxiTmqyi7FAJLzd+iFz8QYLVpqW7Yzl6zrihMBGf7x/iAlkFqnqqKfDCaPVIcTIlfl8Z4JnfbQIN2N08jYJRJu1Hp2uCgyygshPHoUZMgwBOXjbXMR2RxJ3RGIQJhf/+QPsn7xfWU3XXVnXacLT+ujL4Mp0QPARMguhHEDWj8J/a4eWbAvFtblVO9z680lOpBEyiPB9hZaxYnS6FXxDPpNuD2hTIsoccjBcCTBkDiHBym6bmfui0DO2QO6f6pRbP4QZteN4UYtPJwNAJhGOQvnE4t8/Qqmb4bMXM+x1f5ABoNY8Vvfk8CNkDgFBPNlZajEHBEJNXiZhpO4D8BWDQTM4uBBGPRPhiofpiA6IIv33Dwm/FHUV7YHyzQNCZwQoD4S6p6dkGisEBVF2DgYV/akBEAgafcCSHAhohkwBfLsHPdPDGeBMIT3AqWdAjgh9gDONqYwcksoPSoQZQ4z+7SmEGTIGACMR8Q59wDsGA0eKUZx1tFAzhBn9B6QkM2QMAGZ2qJhNufCpQqKJwCxyQq3WPcAI4YZWxo0WCizxpwgEVSHascsVoWbIHADqULbV2cutQm5mnMl4kj+BITj8PLXKAos+Dw7spVpVqYN6HPTMOUarHvoZxNKPVDPVCDJyhqHc8uVZWsqZQ7qAlio8YJNe0DkACoEVBZp9mMAQIH5FJW/pws17/PXeBXusE+lWj0GhGu0m2Zo7BohgsdwC2GB/+kNgqMr35Wk56Cf+y1w7XQqIStzyISBUjtm+AOWUv3bcIXMgm+TdbwgG//vCNDMEg59JviZ426uSPRjANAQavEjzDAHh/4AOZZYYmXSoODqa0P1CwHTteQDqoH4HSgwMV588K+NOa91R+EUDsk5PyDNLiPVj3mssufp7A/TlgeDLK+oi+A2IQaFW27xEq99BzNZBAOZV/p8z2J8cRJ0hOHjF32ltOcyvClittjuR2cd/ITD4/DpuhOCn/sP4kzGBUj7P/4qhBSThpONzSYnl5pfptFvxFfgZgoP/Piv1DKHFl6dBDty2HNfr/HeqMMT/fgxn1iAYAiDgtfugV6Ey2+bK83PQMwQGX+qaMneTYcDDyr8ovskwotbi1g+pgMsDVlRw2uGEAwOG8YUlKvvv3x+FAc0QGLzuGfOW8EEdXmAQaBDyp+Gl6WYIDF6phm4/ckjtkPEs2aMBW3lprgU7Q1DwkC9i7sFenCkIYwAHvQj/9utZMqbZHhXGmzGc9NCOKd6WqbtUSL1bncACqvn1Q0DoXZctAYIc/YLA0qACuDKSse4BQrI/EChZtl7J5clAdgW8UIK1jweI4KUe9ABQAkv3AV6xUIIw3nXg59Mw8BkDA6f7owigMI1+IhDAiWgyJF9/aTGMhJv1qqJFNk4AiFZT7lun7339/rAw0Ayhxv/+IPAMocaX+ZOlVSaeh10YIAE4MdD0g1gzAof+AwzGDMGhg8NEIFI5yPkAdOUqJ0IH0L9/CBJdCbfVMvZM7hVGIQ/oexrNrR8SAvXE5bfteA4pbNOGgMIY/eMAjCe78DMGia6dhoa6UHg7KXjeyMjafRMsBIguB5BrygCfTgxE/U1hqVyTd0AhOPQ+98DDbjpcXnpZnr60JX7zLWYIkPlPmPh0A16Xn/x7GimBgwDMEBi6sk9ijSKLM24Eii5PU0KqRNCtXx92PzEw9O9CAGYICP0HqkjT7FEI5LQYIsQE6VBnFOO2YGElbxQAqv8AMUQQ8vObmf8SASoat4RQIEfTrR+jSwL6S35Op/BQQqdi8HAu9DHe1x/PTgHOEBS8zD8kNBko4Ov+FSVfq+0WhONBmiOmAYn+WhnIMV0+Ztp/ltb0RBwzAgQP4QpjuHJ3pwCDYLcCzZrndDykMwQC/30A7hwxukxr0f+Cjux1/TMnr0DEZ54GY47xqCrHjGHEp9QE+bAdHiD44WFmgIzAQfBnCAT9+3N4M4gRHzb40bcsyaEClqdZkESv6ivQM0YVBL4BQPjli4kVDsQyZzUnTDtnSAtwE8EsVBH6PQCEHroBTKe4KzjrwycgJP9Uviffo8DbTguCImQeGSosTwc+Yyj5vw8DCEGhK9FHHRzWnzsKzeNo8QoWzJ+A8egc1AxhxOdD9z32kw8Z1Uspl8rM8jZwxYCwCHeYvD8FGDRKFj14ImG3fIQFAuul616U9NoVZcEEzq6P4rc/Bob+/R5kCAz9J12QEBz6kvtR2rnGlyDDQhx37W/gl3+UCWaukAywwcMj6z9Svih8uIFbW7l7BFwICv0nDjCEDP/7VJwzhAv/+4PIKwQFr3SD2X8u3awHhMSNRKVFUbBbP4YIxui5V8aeziB87QoCUwEbMNz65dk55JViIiD526qV4IQ4FWhtdbdSFBpkcw/QIyIQHXPlPQXU55nD0PVTXEhuOvwJDCHj025nhpDk7g4X3UKpr6PKtPwHGCFcYIsRJNg/jgXQa5OZUYnLfv2YOTyagEMGd1wPCD0NVdCyhr8BMUmg4s+UCwMRpw0/GsgcA4n1vnwMGX3pgBALkkBHG1exX5NDUm7sdj+GDP7bRBgrhgs+g/9XECAj2I4kmXKPrg0ow02BrhAI+rdR2CsEg/6DwzeeZaJfOab/1hEnVwRmVw6rdmCgBY5YF3+sGBi49tnSQg67XxS6UsIyweC6+HeV9OgBKPnZKdQVAgJvQ5nOxArkeUrwDVkC6yj1Jv8AzzLhrRAQuI4VSchEi7heEGQpzAV0R8W2IiDgdWgZ5i7sMtGRiAC9mDRn3PL2KAR2lZgOHK0nuMfuEKxCvtUgBUrVmf8QCLoir7zAgPZxhQhyH5w9gNn+9WMacADQh5FtHvhDoStB7ck+bl8MBHzteic37g5hQb80GcuXBXbXLwYD/v0ZxBUDAi/zNfKqPThz8FpaKbGyAUfFt2p7lIhs1aACTK7YwNXOFLQM/4CHgghwuvXHswX4FQLClgMslQb0aif9NOA/JevRuqPBWTFM5LZ2vZEW9Em/FkK9UzEJcwHvDxBDRU63BQiiEp6riatoJPeZNjzRPUBICWYq41DEWfE7JwWjAFQ5hI6NdrXybALc2qNMKCuEDFyBBjwc09KhQs4vKUhlYsN//ZAIBNUV5d/yw5cLtioDJP5e3gOHYMBxwLMiRqfXu1IYU+lI7gm1dvcAMVIIQM3gQOj5j/4PU0B1ejG0FUIFXqEgnVQb8i1AFAWlecgq+/JjCAS8yvR0WVYy4UsFX5UNzQY5sjv8IQhwBHcbODQ5gH4KEFYo/iV5Rb9+SPjBuYcCQC+bjxLAAo+rGKAtX37s/VkQ5Ioh4/42F/4KQUBnpAdGbUNf4Z2IKyVPhb56zAwYE6fID68LgesNIViFBA6Cu/rD7Z8QBLTM7EgZFP7VATJDG2vBTea+fQgC+gczWCsEAk2Xv3d0oPMXE/2GwKNJ77c/pPrLnG1iBG4eCJ4yrwb/pKL97tePCH1MQe9WAtGC+bAAdyUCUy55OhbgFYKA/v74yYqh4UYEndXX1/gJ29/Hrsr6/Y/hwDV42PUM+cKvFPqjzznLR/k9BgAN/rAuxm6PEt5EDLABwTVv+y1mAC4x8KirXk70tUqvhACgn1z2HQRA1ukDg6hg4wBAZXkn/AOEYc7+hCCQF/TLMr/wbR0SsD39tpWQs69/jpj4ZwNuJwXXY4GJ/qGAWslxIKwQDLIs4ATvjCTaulKcSsRklaFCdOuHWKCO5kyl339nMCq8cJSjuvcAYzzLgbXGDFJCS0seN90ZkJ4Yf0ERdmbfARkxNVjlW0we10tDAC0yFHTI0y93BUJQyAkdXFggrR0WNDn7VNLCGVf/CUJQyFpDn8EyrBPrKweiJVzQw3BWKIQJ+/t6nGs+PAi2YmDI3x5EWjFc2D+wAjMkEFIkBPk5VWe7gqCZ62cAs/wDhERCI1P0BHab7yymNqMpPYMT360fI8mUymx4nesHe+0GNwjD6X79kERwlZe5kdfL1w/pNk7F4uYj4RAYdEm9LwXZtD7OKBpSnCgUNy9Jv9bDdLhrhdhAWAig3wL9/noAxEG1JY2d8Q8QwocL3B1BXrt+0KCHLPDDV4/EXDFARDmg0mElP4FowgHQjazmD2B/dBZqhfBxJ9TwEKaqdwMG9MQLgqjPRlgMIbesH0yAckH1TgNDRmBoAnpG/BUChS4w346sSKSOr3H4qTDEwMRUfwRWTCwOI5klsGevIzALrhks9kZi/vPf/y/LsDsZFsoBAA==&quot;, &quot;encode_data&quot;: true, &quot;has_legend_list&quot;: true, &quot;interactivity&quot;: [], &quot;legends&quot;: [], &quot;map_index&quot;: 0, &quot;options&quot;: {&quot;dateColumns&quot;: []}, &quot;source&quot;: &quot;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&quot;, &quot;title&quot;: null, &quot;type&quot;: &quot;GeoJSON&quot;, &quot;viz&quot;: &quot;color: hex(\\&quot;#EE4D5A\\&quot;)\\nwidth: ramp(linear(zoom(),0,18),[2,10])\\nstrokeWidth: ramp(linear(zoom(),0,18),[0,1])\\nstrokeColor: opacity(#222,ramp(linear(zoom(),0,18),[0,0.6]))\\n&quot;, &quot;widgets&quot;: []}];\n",
       "    const mapboxtoken = '';\n",
       "    const show_info = 'None' === 'true';\n",
       "\n",
       "    init({\n",
       "      basecolor,\n",
       "      basemap,\n",
       "      bounds,\n",
       "      camera,\n",
       "      has_legends,\n",
       "      is_static,\n",
       "      layer_selector,\n",
       "      layers,\n",
       "      mapboxtoken,\n",
       "      show_info\n",
       "    });\n",
       "});\n",
       "</script>\n",
       "</html>\n",
       "\">\n",
       "\n",
       "</iframe>"
      ],
      "text/plain": [
       "<cartoframes.viz.layer.Layer at 0x120726278>"
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from cartoframes.viz import Layer\n",
    "\n",
    "Layer(gdf)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## From a WKT column"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "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>the_geom</th>\n",
       "      <th>cartodb_id</th>\n",
       "      <th>field_1</th>\n",
       "      <th>name</th>\n",
       "      <th>address</th>\n",
       "      <th>revenue</th>\n",
       "      <th>id_store</th>\n",
       "      <th>geometry</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>0101000020E61000005EA27A6B607D52C01956F146E655...</td>\n",
       "      <td>1</td>\n",
       "      <td>0</td>\n",
       "      <td>Franklin Ave &amp; Eastern Pkwy</td>\n",
       "      <td>341 Eastern Pkwy,Brooklyn, NY 11238</td>\n",
       "      <td>1321040.772</td>\n",
       "      <td>A</td>\n",
       "      <td>POINT (-73.95901 40.67109)</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>0101000020E6100000B610E4A0847D52C0B532E197FA49...</td>\n",
       "      <td>2</td>\n",
       "      <td>1</td>\n",
       "      <td>607 Brighton Beach Ave</td>\n",
       "      <td>607 Brighton Beach Avenue,Brooklyn, NY 11235</td>\n",
       "      <td>1268080.418</td>\n",
       "      <td>B</td>\n",
       "      <td>POINT (-73.96122 40.57796)</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>0101000020E6100000E5B8533A587F52C05726FC523F4F...</td>\n",
       "      <td>3</td>\n",
       "      <td>2</td>\n",
       "      <td>65th St &amp; 18th Ave</td>\n",
       "      <td>6423 18th Avenue,Brooklyn, NY 11204</td>\n",
       "      <td>1248133.699</td>\n",
       "      <td>C</td>\n",
       "      <td>POINT (-73.98976 40.61912)</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>0101000020E61000008BA6B393C18152C08D62B9A5D550...</td>\n",
       "      <td>4</td>\n",
       "      <td>3</td>\n",
       "      <td>Bay Ridge Pkwy &amp; 3rd Ave</td>\n",
       "      <td>7419 3rd Avenue,Brooklyn, NY 11209</td>\n",
       "      <td>1185702.676</td>\n",
       "      <td>D</td>\n",
       "      <td>POINT (-74.02744 40.63152)</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>0101000020E6100000CEFC6A0E108052C080D4264EEE4B...</td>\n",
       "      <td>5</td>\n",
       "      <td>4</td>\n",
       "      <td>Caesar's Bay Shopping Center</td>\n",
       "      <td>8973 Bay Parkway,Brooklyn, NY 11214</td>\n",
       "      <td>1148427.411</td>\n",
       "      <td>E</td>\n",
       "      <td>POINT (-74.00098 40.59321)</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                                            the_geom  cartodb_id  field_1  \\\n",
       "0  0101000020E61000005EA27A6B607D52C01956F146E655...           1        0   \n",
       "1  0101000020E6100000B610E4A0847D52C0B532E197FA49...           2        1   \n",
       "2  0101000020E6100000E5B8533A587F52C05726FC523F4F...           3        2   \n",
       "3  0101000020E61000008BA6B393C18152C08D62B9A5D550...           4        3   \n",
       "4  0101000020E6100000CEFC6A0E108052C080D4264EEE4B...           5        4   \n",
       "\n",
       "                           name                                       address  \\\n",
       "0   Franklin Ave & Eastern Pkwy           341 Eastern Pkwy,Brooklyn, NY 11238   \n",
       "1        607 Brighton Beach Ave  607 Brighton Beach Avenue,Brooklyn, NY 11235   \n",
       "2            65th St & 18th Ave           6423 18th Avenue,Brooklyn, NY 11204   \n",
       "3      Bay Ridge Pkwy & 3rd Ave            7419 3rd Avenue,Brooklyn, NY 11209   \n",
       "4  Caesar's Bay Shopping Center           8973 Bay Parkway,Brooklyn, NY 11214   \n",
       "\n",
       "       revenue id_store                    geometry  \n",
       "0  1321040.772        A  POINT (-73.95901 40.67109)  \n",
       "1  1268080.418        B  POINT (-73.96122 40.57796)  \n",
       "2  1248133.699        C  POINT (-73.98976 40.61912)  \n",
       "3  1185702.676        D  POINT (-74.02744 40.63152)  \n",
       "4  1148427.411        E  POINT (-74.00098 40.59321)  "
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from cartoframes.utils import decode_geometry\n",
    "\n",
    "remote_file_path='http://libs.cartocdn.com/cartoframes/files/starbucks_brooklyn_geocoded.csv'\n",
    "\n",
    "df = read_csv(remote_file_path)\n",
    "\n",
    "gdf = GeoDataFrame(df, geometry=decode_geometry(df['the_geom']))\n",
    "gdf.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<iframe\n",
       "  frameborder=\"0\"\n",
       "  style=\"\n",
       "    border: 1px solid #cfcfcf;\n",
       "    width: 100%;\n",
       "    height: 632px;\n",
       "    \"\n",
       "  srcDoc=\"\n",
       "  <!DOCTYPE html>\n",
       "<html lang=&quot;en&quot;>\n",
       "<head>\n",
       "  <title>None</title>\n",
       "  <meta name=&quot;description&quot; content=&quot;None&quot;>\n",
       "  <meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;>\n",
       "  <meta charset=&quot;UTF-8&quot;>\n",
       "  <!-- Include CARTO VL JS -->\n",
       "  <script src=&quot;https://libs.cartocdn.com/carto-vl/v1.4/carto-vl.min.js&quot;></script>\n",
       "  <!-- Include Mapbox GL JS -->\n",
       "  <script src=&quot;https://api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.js&quot;></script>\n",
       "  <!-- Include Mapbox GL CSS -->\n",
       "  <link href=&quot;https://api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.css&quot; rel=&quot;stylesheet&quot; />\n",
       "\n",
       "  <!-- Include Airship -->\n",
       "  <script nomodule=&quot;&quot; src=&quot;https://libs.cartocdn.com/airship-components/v2.3/airship.js&quot;></script>\n",
       "  <script type=&quot;module&quot; src=&quot;https://libs.cartocdn.com/airship-components/v2.3/airship/airship.esm.js&quot;></script>\n",
       "  <script src=&quot;https://libs.cartocdn.com/airship-bridge/v2.3/asbridge.min.js&quot;></script>\n",
       "  <link href=&quot;https://libs.cartocdn.com/airship-style/v2.3/airship.min.css&quot; rel=&quot;stylesheet&quot;>\n",
       "  <link href=&quot;https://libs.cartocdn.com/airship-icons/v2.3/icons.css&quot; rel=&quot;stylesheet&quot;>\n",
       "\n",
       "  <link href=&quot;https://fonts.googleapis.com/css?family=Roboto&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;>\n",
       "\n",
       "  <!-- External libraries -->\n",
       "\n",
       "  <!-- pako -->\n",
       "  <script src=&quot;https://libs.cartocdn.com/cartoframes/dependencies/pako_inflate.min.js&quot;></script>\n",
       "  \n",
       "  <!-- html2canvas -->\n",
       "  \n",
       "\n",
       "  \n",
       "  <style>\n",
       "  body {\n",
       "    margin: 0;\n",
       "    padding: 0;\n",
       "  }\n",
       "\n",
       "  aside.as-sidebar {\n",
       "    min-width: 300px;\n",
       "  }\n",
       "\n",
       "  .map-image {\n",
       "    display: none;\n",
       "    max-width: 100%;\n",
       "    height: auto;\n",
       "  }\n",
       "\n",
       "  as-layer-selector-slot .as-layer-selector-slot--wrapper .as-caption { // FIXME\n",
       "    font-size: 14px;\n",
       "    line-height: 14px;\n",
       "  }\n",
       "</style>\n",
       "  <style>\n",
       "  .map {\n",
       "    position: absolute;\n",
       "    height: 100%;\n",
       "    width: 100%;\n",
       "  }\n",
       "\n",
       "  .map-info {\n",
       "    position: absolute;\n",
       "    bottom: 0;\n",
       "    padding: 0 5px;\n",
       "    background-color: rgba(255, 255, 255, 0.5);\n",
       "    margin: 0;\n",
       "    color: rgba(0, 0, 0, 0.75);\n",
       "    font-size: 12px;\n",
       "    width: auto;\n",
       "    height: 18px;\n",
       "    font-family: 'Open Sans';\n",
       "  }\n",
       "\n",
       "  .map-footer {\n",
       "    background: #F2F6F9;\n",
       "    font-family: Roboto;\n",
       "    font-size: 12px;\n",
       "    line-height: 24px;\n",
       "    color: #162945;\n",
       "    text-align: center;\n",
       "    z-index: 2;\n",
       "  }\n",
       "\n",
       "  .map-footer a {\n",
       "    text-decoration: none;\n",
       "  }\n",
       "\n",
       "  .map-footer a:hover {\n",
       "    text-decoration: underline;\n",
       "  }\n",
       "</style>\n",
       "    <style>\n",
       "    #error-container {\n",
       "      position: absolute;\n",
       "      width: 100%;\n",
       "      height: 100%;\n",
       "      background-color: white;\n",
       "      visibility: hidden;\n",
       "      padding: 1em;\n",
       "      font-family: &quot;Courier New&quot;, Courier, monospace;\n",
       "      margin: 0 auto;\n",
       "      font-size: 14px;\n",
       "      overflow: auto;\n",
       "      z-index: 1000;\n",
       "      color: black;\n",
       "    }\n",
       "\n",
       "    .error-section {\n",
       "      padding: 1em;\n",
       "      border-radius: 5px;\n",
       "      background-color: #fee;\n",
       "    }\n",
       "\n",
       "    #error-container #error-highlight {\n",
       "      font-weight: bold;\n",
       "      color: inherit;\n",
       "    }\n",
       "\n",
       "    #error-container #error-type {\n",
       "      color: #008000;\n",
       "    }\n",
       "\n",
       "    #error-container #error-name {\n",
       "      color: #ba2121;\n",
       "    }\n",
       "\n",
       "    #error-container #error-content {\n",
       "      margin-top: 0.4em;\n",
       "    }\n",
       "\n",
       "    .error-details {\n",
       "      margin-top: 1em;\n",
       "    }\n",
       "\n",
       "    #error-stacktrace {\n",
       "      list-style: none;\n",
       "    }\n",
       "</style>\n",
       "  <style>\n",
       "    .popup-content {\n",
       "      display: flex;\n",
       "      flex-direction: column;\n",
       "      padding: 8px;\n",
       "    }\n",
       "\n",
       "    .popup-name {\n",
       "      font-size: 12px;\n",
       "      font-weight: 400;\n",
       "      line-height: 20px;\n",
       "      margin-bottom: 4px;\n",
       "    }\n",
       "\n",
       "    .popup-value {\n",
       "      font-size: 16px;\n",
       "      font-weight: 600;\n",
       "      line-height: 20px;\n",
       "    }\n",
       "\n",
       "    .popup-value:not(:last-of-type) {\n",
       "      margin-bottom: 16px;\n",
       "    }\n",
       "</style>\n",
       "  <style>\n",
       "  as-widget-header .as-widget-header__header {\n",
       "    margin-bottom: 8px;\n",
       "    overflow-wrap: break-word;\n",
       "  }\n",
       "\n",
       "  as-widget-header .as-widget-header__subheader {\n",
       "    margin-bottom: 12px;\n",
       "  }\n",
       "\n",
       "  as-category-widget {\n",
       "    max-height: 250px;\n",
       "  }\n",
       "</style>\n",
       "</head>\n",
       "\n",
       "<body class=&quot;as-app-body as-app&quot;>\n",
       "  <img id=&quot;map-image&quot; class=&quot;map-image&quot; alt='Static map image' />\n",
       "  <as-responsive-content id=&quot;main-container&quot;>\n",
       "    \n",
       "    <main class=&quot;as-main&quot;>\n",
       "      <div class=&quot;as-map-area&quot;>\n",
       "        <div id=&quot;map&quot; class=&quot;map&quot;></div>\n",
       "        \n",
       "        \n",
       "      </div> <!-- as-map-area -->\n",
       "    </main> <!-- as-main -->\n",
       "  </as-responsive-content>\n",
       "\n",
       "  \n",
       "\n",
       "  <div id=&quot;error-container&quot; class=&quot;error&quot;>\n",
       "  <section class=&quot;error-section&quot;>\n",
       "    <span class=&quot;errors&quot; id=&quot;error-name&quot;></span>:\n",
       "    <section id=&quot;error-content&quot;>\n",
       "      <span class=&quot;errors&quot; id=&quot;error-type&quot;></span>\n",
       "      <span class=&quot;errors&quot; id=&quot;error-message&quot;></span>\n",
       "    </section>\n",
       "  </section>\n",
       "\n",
       "  <details class=&quot;error-details&quot;>\n",
       "    <summary>StackTrace</summary>\n",
       "    <ul id=&quot;error-stacktrace&quot;></ul>\n",
       "  </details>\n",
       "</div>\n",
       "</body>\n",
       "\n",
       "<script>\n",
       "  var init = (function () {\n",
       "  'use strict';\n",
       "\n",
       "  const BASEMAPS = {\n",
       "    DarkMatter: carto.basemaps.darkmatter,\n",
       "    Voyager: carto.basemaps.voyager,\n",
       "    Positron: carto.basemaps.positron\n",
       "  };\n",
       "\n",
       "  const attributionControl = new mapboxgl.AttributionControl({\n",
       "    compact: false\n",
       "  });\n",
       "\n",
       "  const FIT_BOUNDS_SETTINGS = { animate: false, padding: 50, maxZoom: 16 };\n",
       "\n",
       "  /** From https://github.com/errwischt/stacktrace-parser/blob/master/src/stack-trace-parser.js */\n",
       "\n",
       "  /**\n",
       "   * This parses the different stack traces and puts them into one format\n",
       "   * This borrows heavily from TraceKit (https://github.com/csnover/TraceKit)\n",
       "   */\n",
       "\n",
       "  const UNKNOWN_FUNCTION = '<unknown>';\n",
       "  const chromeRe = /^\\s*at (.*?) ?\\(((?:file|https?|blob|chrome-extension|native|eval|webpack|<anonymous>|\\/).*?)(?::(\\d+))?(?::(\\d+))?\\)?\\s*$/i;\n",
       "  const chromeEvalRe = /\\((\\S*)(?::(\\d+))(?::(\\d+))\\)/;\n",
       "  const winjsRe = /^\\s*at (?:((?:\\[object object\\])?.+) )?\\(?((?:file|ms-appx|https?|webpack|blob):.*?):(\\d+)(?::(\\d+))?\\)?\\s*$/i;\n",
       "  const geckoRe = /^\\s*(.*?)(?:\\((.*?)\\))?(?:^|@)((?:file|https?|blob|chrome|webpack|resource|\\[native).*?|[^@]*bundle)(?::(\\d+))?(?::(\\d+))?\\s*$/i;\n",
       "  const geckoEvalRe = /(\\S+) line (\\d+)(?: > eval line \\d+)* > eval/i;\n",
       "\n",
       "  function parse(stackString) {\n",
       "    const lines = stackString.split('\\n');\n",
       "\n",
       "    return lines.reduce((stack, line) => {\n",
       "      const parseResult =\n",
       "        parseChrome(line) ||\n",
       "        parseWinjs(line) ||\n",
       "        parseGecko(line);\n",
       "\n",
       "      if (parseResult) {\n",
       "        stack.push(parseResult);\n",
       "      }\n",
       "\n",
       "      return stack;\n",
       "    }, []);\n",
       "  }\n",
       "\n",
       "  function parseChrome(line) {\n",
       "    const parts = chromeRe.exec(line);\n",
       "\n",
       "    if (!parts) {\n",
       "      return null;\n",
       "    }\n",
       "\n",
       "    const isNative = parts[2] && parts[2].indexOf('native') === 0; // start of line\n",
       "    const isEval = parts[2] && parts[2].indexOf('eval') === 0; // start of line\n",
       "\n",
       "    const submatch = chromeEvalRe.exec(parts[2]);\n",
       "    if (isEval && submatch != null) {\n",
       "      // throw out eval line/column and use top-most line/column number\n",
       "      parts[2] = submatch[1]; // url\n",
       "      parts[3] = submatch[2]; // line\n",
       "      parts[4] = submatch[3]; // column\n",
       "    }\n",
       "\n",
       "    return {\n",
       "      file: !isNative ? parts[2] : null,\n",
       "      methodName: parts[1] || UNKNOWN_FUNCTION,\n",
       "      arguments: isNative ? [parts[2]] : [],\n",
       "      lineNumber: parts[3] ? +parts[3] : null,\n",
       "      column: parts[4] ? +parts[4] : null,\n",
       "    };\n",
       "  }\n",
       "\n",
       "  function parseWinjs(line) {\n",
       "    const parts = winjsRe.exec(line);\n",
       "\n",
       "    if (!parts) {\n",
       "      return null;\n",
       "    }\n",
       "\n",
       "    return {\n",
       "      file: parts[2],\n",
       "      methodName: parts[1] || UNKNOWN_FUNCTION,\n",
       "      arguments: [],\n",
       "      lineNumber: +parts[3],\n",
       "      column: parts[4] ? +parts[4] : null,\n",
       "    };\n",
       "  }\n",
       "\n",
       "  function parseGecko(line) {\n",
       "    const parts = geckoRe.exec(line);\n",
       "\n",
       "    if (!parts) {\n",
       "      return null;\n",
       "    }\n",
       "\n",
       "    const isEval = parts[3] && parts[3].indexOf(' > eval') > -1;\n",
       "\n",
       "    const submatch = geckoEvalRe.exec(parts[3]);\n",
       "    if (isEval && submatch != null) {\n",
       "      // throw out eval line/column and use top-most line number\n",
       "      parts[3] = submatch[1];\n",
       "      parts[4] = submatch[2];\n",
       "      parts[5] = null; // no column when eval\n",
       "    }\n",
       "\n",
       "    return {\n",
       "      file: parts[3],\n",
       "      methodName: parts[1] || UNKNOWN_FUNCTION,\n",
       "      arguments: parts[2] ? parts[2].split(',') : [],\n",
       "      lineNumber: parts[4] ? +parts[4] : null,\n",
       "      column: parts[5] ? +parts[5] : null,\n",
       "    };\n",
       "  }\n",
       "\n",
       "  function displayError(e) {\n",
       "    const error$ = document.getElementById('error-container');\n",
       "    const errors$ = error$.getElementsByClassName('errors');\n",
       "    const stacktrace$ = document.getElementById('error-stacktrace');\n",
       "\n",
       "    errors$[0].innerHTML = e.name;\n",
       "    errors$[1].innerHTML = e.type;\n",
       "    errors$[2].innerHTML = e.message.replace(e.type, '');\n",
       "\n",
       "    error$.style.visibility = 'visible';\n",
       "\n",
       "    const stack = parse(e.stack);\n",
       "    const list = stack.map(item => {\n",
       "      return `<li>\n",
       "      at <span class=&quot;stacktrace-method&quot;>${item.methodName}:</span>\n",
       "      (${item.file}:${item.lineNumber}:${item.column})\n",
       "    </li>`;\n",
       "    });\n",
       "\n",
       "    stacktrace$.innerHTML = list.join('\\n');\n",
       "  }\n",
       "\n",
       "  // Computes the decimal coefficient and exponent of the specified number x with\n",
       "  // significant digits p, where x is positive and p is in [1, 21] or undefined.\n",
       "  // For example, formatDecimal(1.23) returns [&quot;123&quot;, 0].\n",
       "  function formatDecimal(x, p) {\n",
       "    if ((i = (x = p ? x.toExponential(p - 1) : x.toExponential()).indexOf(&quot;e&quot;)) < 0) return null; // NaN, ±Infinity\n",
       "    var i, coefficient = x.slice(0, i);\n",
       "\n",
       "    // The string returned by toExponential either has the form \\d\\.\\d+e[-+]\\d+\n",
       "    // (e.g., 1.2e+3) or the form \\de[-+]\\d+ (e.g., 1e+3).\n",
       "    return [\n",
       "      coefficient.length > 1 ? coefficient[0] + coefficient.slice(2) : coefficient,\n",
       "      +x.slice(i + 1)\n",
       "    ];\n",
       "  }\n",
       "\n",
       "  function exponent(x) {\n",
       "    return x = formatDecimal(Math.abs(x)), x ? x[1] : NaN;\n",
       "  }\n",
       "\n",
       "  function formatGroup(grouping, thousands) {\n",
       "    return function(value, width) {\n",
       "      var i = value.length,\n",
       "          t = [],\n",
       "          j = 0,\n",
       "          g = grouping[0],\n",
       "          length = 0;\n",
       "\n",
       "      while (i > 0 && g > 0) {\n",
       "        if (length + g + 1 > width) g = Math.max(1, width - length);\n",
       "        t.push(value.substring(i -= g, i + g));\n",
       "        if ((length += g + 1) > width) break;\n",
       "        g = grouping[j = (j + 1) % grouping.length];\n",
       "      }\n",
       "\n",
       "      return t.reverse().join(thousands);\n",
       "    };\n",
       "  }\n",
       "\n",
       "  function formatNumerals(numerals) {\n",
       "    return function(value) {\n",
       "      return value.replace(/[0-9]/g, function(i) {\n",
       "        return numerals[+i];\n",
       "      });\n",
       "    };\n",
       "  }\n",
       "\n",
       "  // [[fill]align][sign][symbol][0][width][,][.precision][~][type]\n",
       "  var re = /^(?:(.)?([<>=^]))?([+\\-( ])?([$#])?(0)?(\\d+)?(,)?(\\.\\d+)?(~)?([a-z%])?$/i;\n",
       "\n",
       "  function formatSpecifier(specifier) {\n",
       "    if (!(match = re.exec(specifier))) throw new Error(&quot;invalid format: &quot; + specifier);\n",
       "    var match;\n",
       "    return new FormatSpecifier({\n",
       "      fill: match[1],\n",
       "      align: match[2],\n",
       "      sign: match[3],\n",
       "      symbol: match[4],\n",
       "      zero: match[5],\n",
       "      width: match[6],\n",
       "      comma: match[7],\n",
       "      precision: match[8] && match[8].slice(1),\n",
       "      trim: match[9],\n",
       "      type: match[10]\n",
       "    });\n",
       "  }\n",
       "\n",
       "  formatSpecifier.prototype = FormatSpecifier.prototype; // instanceof\n",
       "\n",
       "  function FormatSpecifier(specifier) {\n",
       "    this.fill = specifier.fill === undefined ? &quot; &quot; : specifier.fill + &quot;&quot;;\n",
       "    this.align = specifier.align === undefined ? &quot;>&quot; : specifier.align + &quot;&quot;;\n",
       "    this.sign = specifier.sign === undefined ? &quot;-&quot; : specifier.sign + &quot;&quot;;\n",
       "    this.symbol = specifier.symbol === undefined ? &quot;&quot; : specifier.symbol + &quot;&quot;;\n",
       "    this.zero = !!specifier.zero;\n",
       "    this.width = specifier.width === undefined ? undefined : +specifier.width;\n",
       "    this.comma = !!specifier.comma;\n",
       "    this.precision = specifier.precision === undefined ? undefined : +specifier.precision;\n",
       "    this.trim = !!specifier.trim;\n",
       "    this.type = specifier.type === undefined ? &quot;&quot; : specifier.type + &quot;&quot;;\n",
       "  }\n",
       "\n",
       "  FormatSpecifier.prototype.toString = function() {\n",
       "    return this.fill\n",
       "        + this.align\n",
       "        + this.sign\n",
       "        + this.symbol\n",
       "        + (this.zero ? &quot;0&quot; : &quot;&quot;)\n",
       "        + (this.width === undefined ? &quot;&quot; : Math.max(1, this.width | 0))\n",
       "        + (this.comma ? &quot;,&quot; : &quot;&quot;)\n",
       "        + (this.precision === undefined ? &quot;&quot; : &quot;.&quot; + Math.max(0, this.precision | 0))\n",
       "        + (this.trim ? &quot;~&quot; : &quot;&quot;)\n",
       "        + this.type;\n",
       "  };\n",
       "\n",
       "  // Trims insignificant zeros, e.g., replaces 1.2000k with 1.2k.\n",
       "  function formatTrim(s) {\n",
       "    out: for (var n = s.length, i = 1, i0 = -1, i1; i < n; ++i) {\n",
       "      switch (s[i]) {\n",
       "        case &quot;.&quot;: i0 = i1 = i; break;\n",
       "        case &quot;0&quot;: if (i0 === 0) i0 = i; i1 = i; break;\n",
       "        default: if (!+s[i]) break out; if (i0 > 0) i0 = 0; break;\n",
       "      }\n",
       "    }\n",
       "    return i0 > 0 ? s.slice(0, i0) + s.slice(i1 + 1) : s;\n",
       "  }\n",
       "\n",
       "  var prefixExponent;\n",
       "\n",
       "  function formatPrefixAuto(x, p) {\n",
       "    var d = formatDecimal(x, p);\n",
       "    if (!d) return x + &quot;&quot;;\n",
       "    var coefficient = d[0],\n",
       "        exponent = d[1],\n",
       "        i = exponent - (prefixExponent = Math.max(-8, Math.min(8, Math.floor(exponent / 3))) * 3) + 1,\n",
       "        n = coefficient.length;\n",
       "    return i === n ? coefficient\n",
       "        : i > n ? coefficient + new Array(i - n + 1).join(&quot;0&quot;)\n",
       "        : i > 0 ? coefficient.slice(0, i) + &quot;.&quot; + coefficient.slice(i)\n",
       "        : &quot;0.&quot; + new Array(1 - i).join(&quot;0&quot;) + formatDecimal(x, Math.max(0, p + i - 1))[0]; // less than 1y!\n",
       "  }\n",
       "\n",
       "  function formatRounded(x, p) {\n",
       "    var d = formatDecimal(x, p);\n",
       "    if (!d) return x + &quot;&quot;;\n",
       "    var coefficient = d[0],\n",
       "        exponent = d[1];\n",
       "    return exponent < 0 ? &quot;0.&quot; + new Array(-exponent).join(&quot;0&quot;) + coefficient\n",
       "        : coefficient.length > exponent + 1 ? coefficient.slice(0, exponent + 1) + &quot;.&quot; + coefficient.slice(exponent + 1)\n",
       "        : coefficient + new Array(exponent - coefficient.length + 2).join(&quot;0&quot;);\n",
       "  }\n",
       "\n",
       "  var formatTypes = {\n",
       "    &quot;%&quot;: function(x, p) { return (x * 100).toFixed(p); },\n",
       "    &quot;b&quot;: function(x) { return Math.round(x).toString(2); },\n",
       "    &quot;c&quot;: function(x) { return x + &quot;&quot;; },\n",
       "    &quot;d&quot;: function(x) { return Math.round(x).toString(10); },\n",
       "    &quot;e&quot;: function(x, p) { return x.toExponential(p); },\n",
       "    &quot;f&quot;: function(x, p) { return x.toFixed(p); },\n",
       "    &quot;g&quot;: function(x, p) { return x.toPrecision(p); },\n",
       "    &quot;o&quot;: function(x) { return Math.round(x).toString(8); },\n",
       "    &quot;p&quot;: function(x, p) { return formatRounded(x * 100, p); },\n",
       "    &quot;r&quot;: formatRounded,\n",
       "    &quot;s&quot;: formatPrefixAuto,\n",
       "    &quot;X&quot;: function(x) { return Math.round(x).toString(16).toUpperCase(); },\n",
       "    &quot;x&quot;: function(x) { return Math.round(x).toString(16); }\n",
       "  };\n",
       "\n",
       "  function identity(x) {\n",
       "    return x;\n",
       "  }\n",
       "\n",
       "  var map = Array.prototype.map,\n",
       "      prefixes = [&quot;y&quot;,&quot;z&quot;,&quot;a&quot;,&quot;f&quot;,&quot;p&quot;,&quot;n&quot;,&quot;µ&quot;,&quot;m&quot;,&quot;&quot;,&quot;k&quot;,&quot;M&quot;,&quot;G&quot;,&quot;T&quot;,&quot;P&quot;,&quot;E&quot;,&quot;Z&quot;,&quot;Y&quot;];\n",
       "\n",
       "  function formatLocale(locale) {\n",
       "    var group = locale.grouping === undefined || locale.thousands === undefined ? identity : formatGroup(map.call(locale.grouping, Number), locale.thousands + &quot;&quot;),\n",
       "        currencyPrefix = locale.currency === undefined ? &quot;&quot; : locale.currency[0] + &quot;&quot;,\n",
       "        currencySuffix = locale.currency === undefined ? &quot;&quot; : locale.currency[1] + &quot;&quot;,\n",
       "        decimal = locale.decimal === undefined ? &quot;.&quot; : locale.decimal + &quot;&quot;,\n",
       "        numerals = locale.numerals === undefined ? identity : formatNumerals(map.call(locale.numerals, String)),\n",
       "        percent = locale.percent === undefined ? &quot;%&quot; : locale.percent + &quot;&quot;,\n",
       "        minus = locale.minus === undefined ? &quot;-&quot; : locale.minus + &quot;&quot;,\n",
       "        nan = locale.nan === undefined ? &quot;NaN&quot; : locale.nan + &quot;&quot;;\n",
       "\n",
       "    function newFormat(specifier) {\n",
       "      specifier = formatSpecifier(specifier);\n",
       "\n",
       "      var fill = specifier.fill,\n",
       "          align = specifier.align,\n",
       "          sign = specifier.sign,\n",
       "          symbol = specifier.symbol,\n",
       "          zero = specifier.zero,\n",
       "          width = specifier.width,\n",
       "          comma = specifier.comma,\n",
       "          precision = specifier.precision,\n",
       "          trim = specifier.trim,\n",
       "          type = specifier.type;\n",
       "\n",
       "      // The &quot;n&quot; type is an alias for &quot;,g&quot;.\n",
       "      if (type === &quot;n&quot;) comma = true, type = &quot;g&quot;;\n",
       "\n",
       "      // The &quot;&quot; type, and any invalid type, is an alias for &quot;.12~g&quot;.\n",
       "      else if (!formatTypes[type]) precision === undefined && (precision = 12), trim = true, type = &quot;g&quot;;\n",
       "\n",
       "      // If zero fill is specified, padding goes after sign and before digits.\n",
       "      if (zero || (fill === &quot;0&quot; && align === &quot;=&quot;)) zero = true, fill = &quot;0&quot;, align = &quot;=&quot;;\n",
       "\n",
       "      // Compute the prefix and suffix.\n",
       "      // For SI-prefix, the suffix is lazily computed.\n",
       "      var prefix = symbol === &quot;$&quot; ? currencyPrefix : symbol === &quot;#&quot; && /[boxX]/.test(type) ? &quot;0&quot; + type.toLowerCase() : &quot;&quot;,\n",
       "          suffix = symbol === &quot;$&quot; ? currencySuffix : /[%p]/.test(type) ? percent : &quot;&quot;;\n",
       "\n",
       "      // What format function should we use?\n",
       "      // Is this an integer type?\n",
       "      // Can this type generate exponential notation?\n",
       "      var formatType = formatTypes[type],\n",
       "          maybeSuffix = /[defgprs%]/.test(type);\n",
       "\n",
       "      // Set the default precision if not specified,\n",
       "      // or clamp the specified precision to the supported range.\n",
       "      // For significant precision, it must be in [1, 21].\n",
       "      // For fixed precision, it must be in [0, 20].\n",
       "      precision = precision === undefined ? 6\n",
       "          : /[gprs]/.test(type) ? Math.max(1, Math.min(21, precision))\n",
       "          : Math.max(0, Math.min(20, precision));\n",
       "\n",
       "      function format(value) {\n",
       "        var valuePrefix = prefix,\n",
       "            valueSuffix = suffix,\n",
       "            i, n, c;\n",
       "\n",
       "        if (type === &quot;c&quot;) {\n",
       "          valueSuffix = formatType(value) + valueSuffix;\n",
       "          value = &quot;&quot;;\n",
       "        } else {\n",
       "          value = +value;\n",
       "\n",
       "          // Determine the sign. -0 is not less than 0, but 1 / -0 is!\n",
       "          var valueNegative = value < 0 || 1 / value < 0;\n",
       "\n",
       "          // Perform the initial formatting.\n",
       "          value = isNaN(value) ? nan : formatType(Math.abs(value), precision);\n",
       "\n",
       "          // Trim insignificant zeros.\n",
       "          if (trim) value = formatTrim(value);\n",
       "\n",
       "          // If a negative value rounds to zero after formatting, and no explicit positive sign is requested, hide the sign.\n",
       "          if (valueNegative && +value === 0 && sign !== &quot;+&quot;) valueNegative = false;\n",
       "\n",
       "          // Compute the prefix and suffix.\n",
       "          valuePrefix = (valueNegative ? (sign === &quot;(&quot; ? sign : minus) : sign === &quot;-&quot; || sign === &quot;(&quot; ? &quot;&quot; : sign) + valuePrefix;\n",
       "          valueSuffix = (type === &quot;s&quot; ? prefixes[8 + prefixExponent / 3] : &quot;&quot;) + valueSuffix + (valueNegative && sign === &quot;(&quot; ? &quot;)&quot; : &quot;&quot;);\n",
       "\n",
       "          // Break the formatted value into the integer “value” part that can be\n",
       "          // grouped, and fractional or exponential “suffix” part that is not.\n",
       "          if (maybeSuffix) {\n",
       "            i = -1, n = value.length;\n",
       "            while (++i < n) {\n",
       "              if (c = value.charCodeAt(i), 48 > c || c > 57) {\n",
       "                valueSuffix = (c === 46 ? decimal + value.slice(i + 1) : value.slice(i)) + valueSuffix;\n",
       "                value = value.slice(0, i);\n",
       "                break;\n",
       "              }\n",
       "            }\n",
       "          }\n",
       "        }\n",
       "\n",
       "        // If the fill character is not &quot;0&quot;, grouping is applied before padding.\n",
       "        if (comma && !zero) value = group(value, Infinity);\n",
       "\n",
       "        // Compute the padding.\n",
       "        var length = valuePrefix.length + value.length + valueSuffix.length,\n",
       "            padding = length < width ? new Array(width - length + 1).join(fill) : &quot;&quot;;\n",
       "\n",
       "        // If the fill character is &quot;0&quot;, grouping is applied after padding.\n",
       "        if (comma && zero) value = group(padding + value, padding.length ? width - valueSuffix.length : Infinity), padding = &quot;&quot;;\n",
       "\n",
       "        // Reconstruct the final output based on the desired alignment.\n",
       "        switch (align) {\n",
       "          case &quot;<&quot;: value = valuePrefix + value + valueSuffix + padding; break;\n",
       "          case &quot;=&quot;: value = valuePrefix + padding + value + valueSuffix; break;\n",
       "          case &quot;^&quot;: value = padding.slice(0, length = padding.length >> 1) + valuePrefix + value + valueSuffix + padding.slice(length); break;\n",
       "          default: value = padding + valuePrefix + value + valueSuffix; break;\n",
       "        }\n",
       "\n",
       "        return numerals(value);\n",
       "      }\n",
       "\n",
       "      format.toString = function() {\n",
       "        return specifier + &quot;&quot;;\n",
       "      };\n",
       "\n",
       "      return format;\n",
       "    }\n",
       "\n",
       "    function formatPrefix(specifier, value) {\n",
       "      var f = newFormat((specifier = formatSpecifier(specifier), specifier.type = &quot;f&quot;, specifier)),\n",
       "          e = Math.max(-8, Math.min(8, Math.floor(exponent(value) / 3))) * 3,\n",
       "          k = Math.pow(10, -e),\n",
       "          prefix = prefixes[8 + e / 3];\n",
       "      return function(value) {\n",
       "        return f(k * value) + prefix;\n",
       "      };\n",
       "    }\n",
       "\n",
       "    return {\n",
       "      format: newFormat,\n",
       "      formatPrefix: formatPrefix\n",
       "    };\n",
       "  }\n",
       "\n",
       "  var locale;\n",
       "  var format;\n",
       "  var formatPrefix;\n",
       "\n",
       "  defaultLocale({\n",
       "    decimal: &quot;.&quot;,\n",
       "    thousands: &quot;,&quot;,\n",
       "    grouping: [3],\n",
       "    currency: [&quot;$&quot;, &quot;&quot;],\n",
       "    minus: &quot;-&quot;\n",
       "  });\n",
       "\n",
       "  function defaultLocale(definition) {\n",
       "    locale = formatLocale(definition);\n",
       "    format = locale.format;\n",
       "    formatPrefix = locale.formatPrefix;\n",
       "    return locale;\n",
       "  }\n",
       "\n",
       "  function formatter(value, specifier) {\n",
       "    const formatFunc = specifier ? format(specifier) : formatValue;\n",
       "\n",
       "    if (Array.isArray(value)) {\n",
       "      const [first, second] = value;\n",
       "      if (first === -Infinity) {\n",
       "        return `< ${formatFunc(second)}`;\n",
       "      }\n",
       "      if (second === Infinity) {\n",
       "        return `> ${formatFunc(first)}`;\n",
       "      }\n",
       "      return `${formatFunc(first)} - ${formatFunc(second)}`;\n",
       "    }\n",
       "    return formatFunc(value);\n",
       "  }\n",
       "\n",
       "  function formatValue(value) {\n",
       "    if (typeof value === 'number') {\n",
       "      return formatNumber(value);\n",
       "    }\n",
       "    return value;\n",
       "  }\n",
       "\n",
       "  function formatNumber(value) {\n",
       "    if (!Number.isInteger(value)) {\n",
       "      return value.toLocaleString(undefined, {\n",
       "        minimumFractionDigits: 2,\n",
       "        maximumFractionDigits: 3\n",
       "      });\n",
       "    }\n",
       "    return value.toLocaleString();\n",
       "  }\n",
       "\n",
       "  function updateViewport(map) {\n",
       "    function updateMapInfo() {\n",
       "      const mapInfo$ = document.getElementById('map-info');\n",
       "      const center = map.getCenter();\n",
       "      const lat = center.lat.toFixed(6);\n",
       "      const lng = center.lng.toFixed(6);\n",
       "      const zoom = map.getZoom().toFixed(2);\n",
       "    \n",
       "      mapInfo$.innerText = `viewport={'zoom': ${zoom}, 'lat': ${lat}, 'lng': ${lng}}`;\n",
       "    }\n",
       "\n",
       "    updateMapInfo();\n",
       "\n",
       "    map.on('zoom', updateMapInfo);\n",
       "    map.on('move', updateMapInfo); \n",
       "  }\n",
       "\n",
       "  function getBasecolorSettings(basecolor) {\n",
       "    return {\n",
       "      'version': 8,\n",
       "      'sources': {},\n",
       "      'layers': [{\n",
       "          'id': 'background',\n",
       "          'type': 'background',\n",
       "          'paint': {\n",
       "              'background-color': basecolor\n",
       "          }\n",
       "      }]\n",
       "    };\n",
       "  }\n",
       "\n",
       "  function getImageElement(mapIndex) {\n",
       "    const id = mapIndex !== undefined ? `map-image-${mapIndex}` : 'map-image';\n",
       "    return document.getElementById(id);\n",
       "  }\n",
       "\n",
       "  function getContainerElement(mapIndex) {\n",
       "    const id = mapIndex !== undefined ? `main-container-${mapIndex}` : 'main-container';\n",
       "    return document.getElementById(id);\n",
       "  }\n",
       "\n",
       "  function saveImage(mapIndex) {\n",
       "    const img = getImageElement(mapIndex);\n",
       "    const container = getContainerElement(mapIndex);\n",
       "\n",
       "    html2canvas(container)\n",
       "      .then((canvas) => setMapImage(canvas, img, container));\n",
       "  }\n",
       "\n",
       "  function setMapImage(canvas, img, container) {\n",
       "    const src = canvas.toDataURL();\n",
       "    img.setAttribute('src', src);\n",
       "    img.style.display = 'block';\n",
       "    container.style.display = 'none';\n",
       "  }\n",
       "\n",
       "  function resetPopupClick(interactivity) {\n",
       "    interactivity.off('featureClick');\n",
       "  }\n",
       "\n",
       "  function resetPopupHover(interactivity) {\n",
       "    interactivity.off('featureHover');\n",
       "  }\n",
       "\n",
       "  function setPopupsClick(map, clickPopup, hoverPopup, interactivity, attrs) {\n",
       "    interactivity.on('featureClick', (event) => {\n",
       "      updatePopup(map, clickPopup, event, attrs);\n",
       "      hoverPopup.remove();\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function setPopupsHover(map, hoverPopup, interactivity, attrs) {\n",
       "    interactivity.on('featureHover', (event) => {\n",
       "      updatePopup(map, hoverPopup, event, attrs);\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function updatePopup(map, popup, event, attrs) {\n",
       "    if (event.features.length > 0) {\n",
       "      let popupHTML = '';\n",
       "      const layerIDs = [];\n",
       "\n",
       "      for (const feature of event.features) {\n",
       "        if (layerIDs.includes(feature.layerId)) {\n",
       "          continue;\n",
       "        }\n",
       "        // Track layers to add only one feature per layer\n",
       "        layerIDs.push(feature.layerId);\n",
       "    \n",
       "        for (const item of attrs) {\n",
       "          const variable = feature.variables[item.name];\n",
       "          if (variable) {\n",
       "            let value = variable.value;\n",
       "            value = formatter(value, item.format);\n",
       "\n",
       "            popupHTML = `\n",
       "            <span class=&quot;popup-name&quot;>${item.title}</span>\n",
       "            <span class=&quot;popup-value&quot;>${value}</span>\n",
       "          ` + popupHTML;\n",
       "          }\n",
       "        }\n",
       "      }\n",
       "\n",
       "      popup\n",
       "          .setLngLat([event.coordinates.lng, event.coordinates.lat])\n",
       "          .setHTML(`<div class=&quot;popup-content&quot;>${popupHTML}</div>`);\n",
       "\n",
       "      if (!popup.isOpen()) {\n",
       "        popup.addTo(map);\n",
       "      }\n",
       "    } else {\n",
       "      popup.remove();\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function setInteractivity(map, interactiveLayers, interactiveMapLayers) {\n",
       "    const interactivity = new carto.Interactivity(interactiveMapLayers);\n",
       "\n",
       "    const clickPopup = new mapboxgl.Popup({\n",
       "      closeButton: true,\n",
       "      closeOnClick: false\n",
       "    });\n",
       "\n",
       "    const hoverPopup = new mapboxgl.Popup({\n",
       "      closeButton: false,\n",
       "      closeOnClick: false\n",
       "    });\n",
       "\n",
       "    const { clickAttrs, hoverAttrs } = _setInteractivityAttrs(interactiveLayers);\n",
       "\n",
       "    resetPopupClick(map);\n",
       "    resetPopupHover(map);\n",
       "\n",
       "    if (clickAttrs.length > 0) {\n",
       "      setPopupsClick(map, clickPopup, hoverPopup, interactivity, clickAttrs);\n",
       "    }\n",
       "\n",
       "    if (hoverAttrs.length > 0) {\n",
       "      setPopupsHover(map, hoverPopup, interactivity, hoverAttrs);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function _setInteractivityAttrs(interactiveLayers) {\n",
       "    let clickAttrs = [];\n",
       "    let hoverAttrs = [];\n",
       "\n",
       "    interactiveLayers.forEach((interactiveLayer) => {\n",
       "      interactiveLayer.interactivity.forEach((interactivityDef) => {\n",
       "        if (interactivityDef.event === 'click') {\n",
       "          clickAttrs = clickAttrs.concat(interactivityDef.attrs);\n",
       "        } else if (interactivityDef.event === 'hover') {\n",
       "          hoverAttrs = hoverAttrs.concat(interactivityDef.attrs);\n",
       "        }\n",
       "      });\n",
       "    });\n",
       "\n",
       "    return { clickAttrs, hoverAttrs };\n",
       "  }\n",
       "\n",
       "  function renderWidget(widget, value) {\n",
       "    widget.element = widget.element || document.querySelector(`#${widget.id}-value`);\n",
       "\n",
       "    if (value && widget.element) {\n",
       "      widget.element.innerText = typeof value === 'number' ? formatter(value, widget.options.format) : value;\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function renderBridge(bridge, widget, mapLayer) {\n",
       "    widget.element = widget.element || document.querySelector(`#${widget.id}`);\n",
       "\n",
       "    switch (widget.type) {\n",
       "      case 'histogram':\n",
       "        const type = _getWidgetType(mapLayer, widget.value, widget.prop);\n",
       "        const histogram = type === 'category' ? 'categoricalHistogram' : 'numericalHistogram';\n",
       "        bridge[histogram](widget.element, widget.value, widget.options);\n",
       "        break;\n",
       "      case 'category':\n",
       "        bridge.category(widget.element, widget.value, widget.options);\n",
       "        break;\n",
       "      case 'animation':\n",
       "        widget.options.propertyName = widget.prop;\n",
       "        bridge.animationControls(widget.element, widget.value, widget.options);\n",
       "        break;\n",
       "      case 'time-series':\n",
       "        widget.options.propertyName = widget.prop;\n",
       "        bridge.timeSeries(widget.element, widget.value, widget.options);\n",
       "        break;\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function bridgeLayerWidgets(map, mapLayer, mapSource, widgets) {\n",
       "    const bridge = new AsBridge.VL.Bridge({\n",
       "      carto: carto,\n",
       "      layer: mapLayer,\n",
       "      source: mapSource,\n",
       "      map: map\n",
       "    });\n",
       "\n",
       "    widgets\n",
       "      .filter((widget) => widget.has_bridge)\n",
       "      .forEach((widget) => renderBridge(bridge, widget, mapLayer));\n",
       "\n",
       "    bridge.build();\n",
       "  }\n",
       "\n",
       "  function _getWidgetType(layer, property, value) {\n",
       "    return layer.metadata && layer.metadata.properties[value] ?\n",
       "      layer.metadata.properties[value].type\n",
       "      : _getWidgetPropertyType(layer, property);\n",
       "  }\n",
       "\n",
       "  function _getWidgetPropertyType(layer, property) {\n",
       "    return layer.metadata && layer.metadata.properties[property] ?\n",
       "      layer.metadata.properties[property].type\n",
       "      : null;\n",
       "  }\n",
       "\n",
       "  function createLegends(layer, legends, layerIndex, mapIndex=0) {\n",
       "    if (legends.length) {\n",
       "      legends.forEach((legend, legendIndex) => _createLegend(layer, legend, layerIndex, legendIndex, mapIndex));\n",
       "    } else {\n",
       "      _createLegend(layer, legends, layerIndex, 0, mapIndex);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function _createLegend(layer, legend, layerIndex, legendIndex, mapIndex=0) {\n",
       "    const element = document.querySelector(`#layer${layerIndex}_map${mapIndex}_legend${legendIndex}`);\n",
       "\n",
       "    if (legend.prop) {\n",
       "      const othersLabel = 'Others';   // TODO: i18n\n",
       "      const prop = legend.prop;\n",
       "      const dynamic = legend.dynamic;\n",
       "      const order = legend.ascending ? 'ASC' : 'DESC';\n",
       "      const variable = legend.variable;\n",
       "      const config = { othersLabel, variable, order };\n",
       "      const formatFunc = (value) => formatter(value, legend.format);\n",
       "      const options = { format: formatFunc, config, dynamic };\n",
       "\n",
       "      if (legend.type.startsWith('size-continuous')) {\n",
       "        config.samples = 4;\n",
       "      }\n",
       "\n",
       "      AsBridge.VL.Legends.rampLegend(element, layer, prop, options);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function SourceFactory() {\n",
       "    const sourceTypes = { GeoJSON, Query, MVT };\n",
       "\n",
       "    this.createSource = (layer) => {\n",
       "      return sourceTypes[layer.type](layer);\n",
       "    };\n",
       "  }\n",
       "\n",
       "  function GeoJSON(layer) {\n",
       "    const options = JSON.parse(JSON.stringify(layer.options));\n",
       "    const data = _decodeJSONData(layer.data, layer.encode_data);\n",
       "\n",
       "    return new carto.source.GeoJSON(data, options);\n",
       "  }\n",
       "\n",
       "  function Query(layer) {\n",
       "    const auth = {\n",
       "      username: layer.credentials.username,\n",
       "      apiKey: layer.credentials.api_key || 'default_public'\n",
       "    };\n",
       "\n",
       "    const config = {\n",
       "      serverURL: layer.credentials.base_url || `https://${layer.credentials.username}.carto.com/`\n",
       "    };\n",
       "\n",
       "    return new carto.source.SQL(layer.data, auth, config);\n",
       "  }\n",
       "\n",
       "  function MVT(layer) {\n",
       "    return new carto.source.MVT(layer.data.file, JSON.parse(layer.data.metadata));\n",
       "  }\n",
       "\n",
       "  function _decodeJSONData(data, encodeData) {\n",
       "    try {\n",
       "      if (encodeData) {\n",
       "        const decodedJSON = pako.inflate(atob(data), { to: 'string' });\n",
       "        return JSON.parse(decodedJSON);\n",
       "      } else {\n",
       "        return JSON.parse(data);\n",
       "      }\n",
       "    } catch(error) {\n",
       "      throw new Error(`\n",
       "      Error: &quot;${error}&quot;. CARTOframes is not able to parse your local data because it is too large.\n",
       "      Please, disable the data compresion with encode_data=False in your Layer class.\n",
       "    `);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  const factory = new SourceFactory();\n",
       "\n",
       "  function initMapLayer(layer, layerIndex, numLayers, hasLegends, map, mapIndex) {\n",
       "    const mapSource = factory.createSource(layer);\n",
       "    const mapViz = new carto.Viz(layer.viz);\n",
       "    const mapLayer = new carto.Layer(`layer${layerIndex}`, mapSource, mapViz);\n",
       "    const mapLayerIndex = numLayers - layerIndex - 1;\n",
       "\n",
       "    try {\n",
       "      mapLayer._updateLayer.catch(displayError);\n",
       "    } catch (e) {\n",
       "      throw e;\n",
       "    }\n",
       "\n",
       "    mapLayer.addTo(map);\n",
       "\n",
       "    setLayerLegend(layer, mapLayerIndex, mapLayer, mapIndex, hasLegends);\n",
       "    setLayerWidgets(map, layer, mapLayer, mapLayerIndex, mapSource);\n",
       "\n",
       "    return mapLayer;\n",
       "  }\n",
       "\n",
       "  function getInteractiveLayers(layers, mapLayers) {\n",
       "    const interactiveLayers = [];\n",
       "    const interactiveMapLayers = [];\n",
       "\n",
       "    layers.forEach((layer, index) => {\n",
       "      if (layer.interactivity) {\n",
       "        interactiveLayers.push(layer);\n",
       "        interactiveMapLayers.push(mapLayers[index]);\n",
       "      }\n",
       "    });\n",
       "\n",
       "    return { interactiveLayers, interactiveMapLayers };\n",
       "  }\n",
       "\n",
       "  function setLayerLegend(layer, mapLayerIndex, mapLayer, mapIndex, hasLegends) {\n",
       "    if (hasLegends && layer.legends) {\n",
       "      createLegends(mapLayer, layer.legends, mapLayerIndex, mapIndex);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function setLayerWidgets(map, layer, mapLayer, mapLayerIndex, mapSource) {\n",
       "    if (layer.widgets.length) {\n",
       "      initLayerWidgets(layer.widgets, mapLayerIndex);\n",
       "      updateLayerWidgets(layer.widgets, mapLayer);\n",
       "      bridgeLayerWidgets(map, mapLayer, mapSource, layer.widgets);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function initLayerWidgets(widgets, mapLayerIndex) {\n",
       "    widgets.forEach((widget, widgetIndex) => {\n",
       "      const id = `layer${mapLayerIndex}_widget${widgetIndex}`;\n",
       "      widget.id = id;\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function updateLayerWidgets(widgets, mapLayer) {\n",
       "    mapLayer.on('updated', () => renderLayerWidgets(widgets, mapLayer));\n",
       "  }\n",
       "\n",
       "  function renderLayerWidgets(widgets, mapLayer) {\n",
       "    const variables = mapLayer.viz.variables;\n",
       "\n",
       "    widgets\n",
       "      .filter((widget) => !widget.has_bridge)\n",
       "      .forEach((widget) => {\n",
       "        const name = widget.variable_name;\n",
       "        const value = getWidgetValue(name, variables);\n",
       "        renderWidget(widget, value);\n",
       "      });\n",
       "  }\n",
       "\n",
       "  function getWidgetValue(name, variables) {\n",
       "    return name && variables[name] ? variables[name].value : null;\n",
       "  }\n",
       "\n",
       "  function setReady(settings) {\n",
       "    try {\n",
       "      return settings.maps ? initMaps(settings.maps) : initMap(settings);\n",
       "    } catch (e) {\n",
       "      displayError(e);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function initMaps(maps) {\n",
       "    return maps.map((mapSettings, mapIndex) => {\n",
       "      return initMap(mapSettings, mapIndex);\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function initMap(settings, mapIndex) {\n",
       "    const basecolor = getBasecolorSettings(settings.basecolor);\n",
       "    const basemapStyle =  BASEMAPS[settings.basemap] || settings.basemap || basecolor;\n",
       "    const container = mapIndex !== undefined ? `map-${mapIndex}` : 'map';\n",
       "    const map = createMap(container, basemapStyle, settings.bounds, settings.mapboxtoken);\n",
       "\n",
       "    if (settings.show_info) {\n",
       "      updateViewport(map);\n",
       "    }\n",
       "\n",
       "    if (settings.camera) {\n",
       "      map.flyTo(settings.camera);\n",
       "    }\n",
       "\n",
       "    return initLayers(map, settings, mapIndex);\n",
       "  }\n",
       "\n",
       "  function initLayers(map, settings, mapIndex) {\n",
       "    const numLayers = settings.layers.length;\n",
       "    const hasLegends = settings.has_legends;\n",
       "    const isStatic = settings.is_static;\n",
       "    const layers = settings.layers;\n",
       "    const mapLayers = getMapLayers(\n",
       "      layers,\n",
       "      numLayers,\n",
       "      hasLegends,\n",
       "      map,\n",
       "      mapIndex\n",
       "    );\n",
       "\n",
       "    if (settings.layer_selector) {\n",
       "      addLayersSelector(layers.reverse(), mapLayers.reverse(), mapIndex);\n",
       "    }\n",
       "\n",
       "    setInteractiveLayers(map, layers, mapLayers);\n",
       "\n",
       "    return waitForMapLayersLoad(isStatic, mapIndex, mapLayers);\n",
       "  }\n",
       "\n",
       "  function waitForMapLayersLoad(isStatic, mapIndex, mapLayers) {\n",
       "    return new Promise((resolve) => {\n",
       "      carto.on('loaded', mapLayers, onMapLayersLoaded.bind(\n",
       "        this, isStatic, mapIndex, mapLayers, resolve)\n",
       "      );\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function onMapLayersLoaded(isStatic, mapIndex, mapLayers, resolve) {\n",
       "    if (isStatic) {\n",
       "      saveImage(mapIndex);\n",
       "    }\n",
       "\n",
       "    resolve(mapLayers);\n",
       "  }\n",
       "\n",
       "  function getMapLayers(layers, numLayers, hasLegends, map, mapIndex) {\n",
       "    return layers.map((layer, layerIndex) => {\n",
       "      return initMapLayer(layer, layerIndex, numLayers, hasLegends, map, mapIndex);\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function setInteractiveLayers(map, layers, mapLayers) {\n",
       "    const { interactiveLayers, interactiveMapLayers } = getInteractiveLayers(layers, mapLayers);\n",
       "\n",
       "    if (interactiveLayers && interactiveLayers.length > 0) {\n",
       "      setInteractivity(map, interactiveLayers, interactiveMapLayers);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function addLayersSelector(layers, mapLayers, mapIndex) {\n",
       "    const layerSelectorId = mapIndex !== undefined ? `#layer-selector-${mapIndex}` : '#layer-selector';\n",
       "    const layerSelector$ = document.querySelector(layerSelectorId);\n",
       "    const layersInfo = mapLayers.map((layer, index) => {\n",
       "      return {\n",
       "        title: layers[index].title || `Layer ${index}`,\n",
       "        id: layer.id,\n",
       "        checked: true\n",
       "      };\n",
       "    });\n",
       "\n",
       "    const layerSelector = new AsBridge.VL.Layers(layerSelector$, carto, layersInfo, mapLayers);\n",
       "    \n",
       "    layerSelector.build();\n",
       "  }\n",
       "\n",
       "  function createMap(container, basemapStyle, bounds, accessToken) {\n",
       "    const map = createMapboxGLMap(container, basemapStyle, accessToken);\n",
       "\n",
       "    map.addControl(attributionControl);\n",
       "    map.fitBounds(bounds, FIT_BOUNDS_SETTINGS);\n",
       "\n",
       "    return map;\n",
       "  }\n",
       "\n",
       "  function createMapboxGLMap(container, style, accessToken) {\n",
       "    if (accessToken) {\n",
       "      mapboxgl.accessToken = accessToken;\n",
       "    }\n",
       "\n",
       "    return new mapboxgl.Map({\n",
       "      container,\n",
       "      style,\n",
       "      zoom: 9,\n",
       "      dragRotate: false,\n",
       "      attributionControl: false\n",
       "    });\n",
       "  }\n",
       "\n",
       "  function init(settings) {\n",
       "    setReady(settings);\n",
       "  }\n",
       "\n",
       "  return init;\n",
       "\n",
       "}());\n",
       "</script>\n",
       "<script>\n",
       "  document\n",
       "  .querySelector('as-responsive-content')\n",
       "  .addEventListener('ready', () => {\n",
       "    const basecolor = '';\n",
       "    const basemap = 'Positron';\n",
       "    const bounds = [[-74.03313, 40.57796], [-73.87015, 40.6915]];\n",
       "    const camera = null;\n",
       "    const has_legends = 'False' === 'true';\n",
       "    const is_static = 'None' === 'true';\n",
       "    const layer_selector = 'False' === 'true';\n",
       "    const layers = [{&quot;credentials&quot;: null, &quot;data&quot;: &quot;H4sIAPQnvF4C/7XSPW8DIQwG4P/CfD1h82GcNVLn7lWGKKEVUnqcKB2i0/33clwqkZ2OWIZHNu8i8n324iBe/Tn/JH+Mt5u/5BAnMYiPvfYtDu+LCNfSJUv1+UIpzCnOPuWwNS7rID59/PI53cvpr/kthimX1kuM6Rqmc66PvpAa2bCEQcvREkg+revwoKA/ZQFxowwR24bC/pRjsnUqYMCGUp0pPUokrSulwLSU7k9Jya4ukBVCQ5n+C2S0eyyc020sbHfKkQRTKVM22FDUf4FKgXrEAqmh3D8kUJsadstPQ3F/STu9f5VCuQ11Wn8BOR2ZplYEAAA=&quot;, &quot;encode_data&quot;: true, &quot;has_legend_list&quot;: true, &quot;interactivity&quot;: [], &quot;legends&quot;: [], &quot;map_index&quot;: 0, &quot;options&quot;: {&quot;dateColumns&quot;: []}, &quot;source&quot;: &quot;H4sIAPQnvF4C/7XSPW8DIQwG4P/CfD1h82GcNVLn7lWGKKEVUnqcKB2i0/33clwqkZ2OWIZHNu8i8n324iBe/Tn/JH+Mt5u/5BAnMYiPvfYtDu+LCNfSJUv1+UIpzCnOPuWwNS7rID59/PI53cvpr/kthimX1kuM6Rqmc66PvpAa2bCEQcvREkg+revwoKA/ZQFxowwR24bC/pRjsnUqYMCGUp0pPUokrSulwLSU7k9Jya4ukBVCQ5n+C2S0eyyc020sbHfKkQRTKVM22FDUf4FKgXrEAqmh3D8kUJsadstPQ3F/STu9f5VCuQ11Wn8BOR2ZplYEAAA=&quot;, &quot;title&quot;: null, &quot;type&quot;: &quot;GeoJSON&quot;, &quot;viz&quot;: &quot;color: hex(\\&quot;#EE4D5A\\&quot;)\\nwidth: ramp(linear(zoom(),0,18),[2,10])\\nstrokeWidth: ramp(linear(zoom(),0,18),[0,1])\\nstrokeColor: opacity(#222,ramp(linear(zoom(),0,18),[0,0.6]))\\n&quot;, &quot;widgets&quot;: []}];\n",
       "    const mapboxtoken = '';\n",
       "    const show_info = 'None' === 'true';\n",
       "\n",
       "    init({\n",
       "      basecolor,\n",
       "      basemap,\n",
       "      bounds,\n",
       "      camera,\n",
       "      has_legends,\n",
       "      is_static,\n",
       "      layer_selector,\n",
       "      layers,\n",
       "      mapboxtoken,\n",
       "      show_info\n",
       "    });\n",
       "});\n",
       "</script>\n",
       "</html>\n",
       "\">\n",
       "\n",
       "</iframe>"
      ],
      "text/plain": [
       "<cartoframes.viz.layer.Layer at 0x108ac9400>"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "Layer(gdf)"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "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.7.3"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}