{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Data Services\n",
    "\n",
    "You can connect to [CARTO Data Services API](https://carto.com/developers/data-services-api/) directly from CARTOframes. This API consists of a set of location-based functions that can be applied to your data to perform geospatial analyses without leaving the context of your notebook. For instance, you can **geocode** a pandas DataFrame with addresses on the fly, and then perform a trade area analysis by computing **isodistances** or **isochrones** programmatically.\n",
    "\n",
    "Using Data Services requires to be authenticated. For more information about how to authenticate, please read the [Authentication guide](/developers/cartoframes/guides/Authentication/). For further learning you can also check out the [Data Services examples](/developers/cartoframes/examples/#example-data-services)."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [],
   "source": [
    "from cartoframes.auth import set_default_credentials\n",
    "\n",
    "set_default_credentials('creds.json')"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "> Depending on your CARTO account plan, some of these data services are subject to different [quota limitations](https://carto.com/developers/data-services-api/support/quota-information/)."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Geocoding\n",
    "\n",
    "To get started, let's read in and explore the Starbucks location data we have. With the Starbucks store data in a DataFrame, we can see that there are two columns that can be used in the **geocoding** service: `name` and `address`. There's also a third column that reflects the annual revenue of the store."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "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>name</th>\n",
       "      <th>address</th>\n",
       "      <th>revenue</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>Franklin Ave &amp; Eastern Pkwy</td>\n",
       "      <td>341 Eastern Pkwy,Brooklyn, NY 11238</td>\n",
       "      <td>1321040.772</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>607 Brighton Beach Ave</td>\n",
       "      <td>607 Brighton Beach Avenue,Brooklyn, NY 11235</td>\n",
       "      <td>1268080.418</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>65th St &amp; 18th Ave</td>\n",
       "      <td>6423 18th Avenue,Brooklyn, NY 11204</td>\n",
       "      <td>1248133.699</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>Bay Ridge Pkwy &amp; 3rd Ave</td>\n",
       "      <td>7419 3rd Avenue,Brooklyn, NY 11209</td>\n",
       "      <td>1185702.676</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>Caesar's Bay Shopping Center</td>\n",
       "      <td>8973 Bay Parkway,Brooklyn, NY 11214</td>\n",
       "      <td>1148427.411</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                           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  \n",
       "0  1321040.772  \n",
       "1  1268080.418  \n",
       "2  1248133.699  \n",
       "3  1185702.676  \n",
       "4  1148427.411  "
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import pandas as pd\n",
    "\n",
    "df = pd.read_csv('http://libs.cartocdn.com/cartoframes/samples/starbucks_brooklyn.csv')\n",
    "df.head()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "#### Quota consumption\n",
    "\n",
    "Each time you run Data Services, quota is consumed. For this reason, we provide the ability to check in advance the **amount of credits** an operation will consume by using the `dry_run` parameter when running the service function.\n",
    "\n",
    "It is also possible to check your available quota by running the `available_quota` function."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [],
   "source": [
    "from cartoframes.data.services import Geocoding\n",
    "\n",
    "geo_service = Geocoding()\n",
    "\n",
    "city_ny = {'value': 'New York'}\n",
    "country_usa = {'value': 'USA'}\n",
    "\n",
    "_, geo_dry_metadata = geo_service.geocode(df, street='address', city=city_ny, country=country_usa, dry_run=True)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "{'total_rows': 10,\n",
       " 'required_quota': 10,\n",
       " 'previously_geocoded': 0,\n",
       " 'previously_failed': 0,\n",
       " 'records_with_geometry': 0}"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "geo_dry_metadata"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "4999402"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "geo_service.available_quota()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Success! Data geocoded correctly\n"
     ]
    }
   ],
   "source": [
    "geo_gdf, geo_metadata = geo_service.geocode(df, street='address', city=city_ny, country=country_usa)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Let's compare `geo_dry_metadata` and `geo_metadata` to see the differences between the information returned with and without the `dry_run` option. As we can see, this information reflects that all the locations have been geocoded successfully and that it has consumed 10 credits of quota."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "{'total_rows': 10,\n",
       " 'required_quota': 10,\n",
       " 'previously_geocoded': 0,\n",
       " 'previously_failed': 0,\n",
       " 'records_with_geometry': 0,\n",
       " 'final_records_with_geometry': 10,\n",
       " 'geocoded_increment': 10,\n",
       " 'successfully_geocoded': 10,\n",
       " 'failed_geocodings': 0}"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "geo_metadata"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "4999392"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "geo_service.available_quota()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "If the input data file ever changes, cached results will only be applied to unmodified\n",
    "records, and new geocoding will be performed only on _new or changed records_. In order to use cached results, we have to save the results to a CARTO table using the `table_name` and `cached=True` parameters."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "The resulting data is a `GeoDataFrame` that contains three new columns:\n",
    "\n",
    "* `geometry`: The resulting geometry\n",
    "* `gc_status_rel`: The percentage of accuracy of each location\n",
    "* `carto_geocode_hash`: Geocode information"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "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>name</th>\n",
       "      <th>address</th>\n",
       "      <th>revenue</th>\n",
       "      <th>gc_status_rel</th>\n",
       "      <th>carto_geocode_hash</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>POINT (-73.95746 40.67102)</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>0.97</td>\n",
       "      <td>c834a8e289e5bce280775a9bf1f833f1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>POINT (-73.96122 40.57796)</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>0.99</td>\n",
       "      <td>7d39a3fff93efd9034da88aa9ad2da79</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>POINT (-73.98978 40.61944)</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>0.98</td>\n",
       "      <td>1a2312049ddea753ba42bf77f5ccf718</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>POINT (-74.02750 40.63202)</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>0.98</td>\n",
       "      <td>827ab4dcc2d49d5fd830749597976d4a</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>POINT (-74.00098 40.59321)</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>0.98</td>\n",
       "      <td>119a38c7b51195cd4153fc81605a8495</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                     the_geom                          name  \\\n",
       "0  POINT (-73.95746 40.67102)   Franklin Ave & Eastern Pkwy   \n",
       "1  POINT (-73.96122 40.57796)        607 Brighton Beach Ave   \n",
       "2  POINT (-73.98978 40.61944)            65th St & 18th Ave   \n",
       "3  POINT (-74.02750 40.63202)      Bay Ridge Pkwy & 3rd Ave   \n",
       "4  POINT (-74.00098 40.59321)  Caesar's Bay Shopping Center   \n",
       "\n",
       "                                        address      revenue  gc_status_rel  \\\n",
       "0           341 Eastern Pkwy,Brooklyn, NY 11238  1321040.772           0.97   \n",
       "1  607 Brighton Beach Avenue,Brooklyn, NY 11235  1268080.418           0.99   \n",
       "2           6423 18th Avenue,Brooklyn, NY 11204  1248133.699           0.98   \n",
       "3            7419 3rd Avenue,Brooklyn, NY 11209  1185702.676           0.98   \n",
       "4           8973 Bay Parkway,Brooklyn, NY 11214  1148427.411           0.98   \n",
       "\n",
       "                 carto_geocode_hash  \n",
       "0  c834a8e289e5bce280775a9bf1f833f1  \n",
       "1  7d39a3fff93efd9034da88aa9ad2da79  \n",
       "2  1a2312049ddea753ba42bf77f5ccf718  \n",
       "3  827ab4dcc2d49d5fd830749597976d4a  \n",
       "4  119a38c7b51195cd4153fc81605a8495  "
      ]
     },
     "execution_count": 9,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "geo_gdf.head()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "In addition, to prevent geocoding records that have been **previously geocoded**, and thus spend quota **unnecessarily**, you should always preserve the ``the_geom`` and ``carto_geocode_hash`` columns generated by the geocoding process.\n",
    "\n",
    "This will happen **automatically** in these cases:\n",
    "\n",
    "1. Your input is a **table** from CARTO processed in place (without a ``table_name`` parameter)\n",
    "2. If you save your results to a CARTO table using the ``table_name`` parameter, and only use the resulting table for any further geocoding.\n",
    "\n",
    "If you try to geocode this DataFrame now that it contains both ``the_geom`` and the ``carto_geocode_hash``, you will see that the required quota is 0 because it has already been geocoded."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {},
   "outputs": [],
   "source": [
    "_, geo_metadata = geo_service.geocode(geo_gdf, street='address', city=city_ny, country=country_usa, dry_run=True)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "0"
      ]
     },
     "execution_count": 11,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "geo_metadata.get('required_quota')"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "#### Precision\n",
    "\n",
    "The `address` column is more complete than the `name` column, and therefore, the resulting coordinates calculated by the service will be more accurate. If we check this, the accuracy values using the `name` column are lower than the ones we get by using the `address` column for geocoding."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Success! Data geocoded correctly\n"
     ]
    }
   ],
   "source": [
    "geo_name_gdf, geo_name_metadata = geo_service.geocode(df, street='name', city=city_ny, country=country_usa)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "array([0.93, 0.96, 0.85, 0.83, 0.74, 0.87])"
      ]
     },
     "execution_count": 13,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "geo_name_gdf.gc_status_rel.unique()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "array([0.97, 0.99, 0.98])"
      ]
     },
     "execution_count": 14,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "geo_gdf.gc_status_rel.unique()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "#### Visualize the results\n",
    "\n",
    "Finally, we can visualize the precision of the geocoded results using a CARTOframes [visualization layer](/developers/cartoframes/examples/#example-color-bins-layer)."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "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 class=&quot;as-map-panels&quot; data-name=&quot;Legends&quot;>\n",
       "            <div class=&quot;as-panel as-panel--vertical as-panel--left as-panel--top&quot;>\n",
       "              \n",
       "\n",
       "<div class=&quot;as-panel__element&quot; id=&quot;legends&quot;>\n",
       "  <as-layer-selector id=&quot;layer-selector&quot;>\n",
       "    \n",
       "      \n",
       "        \n",
       "        \n",
       "        <div slot=&quot;as-checkbox-layer-0-slot&quot;>\n",
       "          \n",
       "            \n",
       "              <as-legend\n",
       "                heading=&quot;Geocoding Precision&quot;\n",
       "                description=&quot;&quot;>\n",
       "                <as-legend-color-bins id=&quot;layer0_map0_legend0&quot; slot=&quot;legends&quot;></as-legend-color-bins>\n",
       "                \n",
       "              </as-legend>\n",
       "            \n",
       "          \n",
       "        </div>\n",
       "      \n",
       "    \n",
       "  </as-layer-selector>\n",
       "</div>\n",
       "            </div> <!-- as-panel -->\n",
       "          </div> <!-- as-map-panels -->\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(id, map) {\n",
       "    function updateMapInfo() {\n",
       "      const mapInfo$ = document.getElementById(id);\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",
       "      if (popupHTML) {\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",
       "    } 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",
       "      const id = mapIndex !== undefined ? `map-info-${mapIndex}` : 'map-info';\n",
       "      updateViewport(id, 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 = 'true' === 'true';\n",
       "    const is_static = 'None' === 'true';\n",
       "    const layer_selector = 'False' === 'true';\n",
       "    const layers = [{&quot;credentials&quot;: null, &quot;data&quot;: &quot;H4sIANMVyl8C/73Vy2rjMBQG4Fc5aO0G3S/ZNe20sxoCM5thKEXYSmPisYKsTDEh7z6Km4WD24XA7c4cfOTPh1/SEcV+79ASPTgbD8Hd+aZxZax9iwq0eat1aPnniOoqvYVT9bohFfbB712I9fnFI7JVlVrSI2KcwDfbRRdaWO9e+2IVvN81fVvAj99ACGU6db+Uz11MS3XPwTVoiRdGnVLV+b8uhv684uWDa1+3MTWU3oeqbm0cYDeKLYxQXBYcL6QimD6dTsWFS3K4EitYhfplG30LK2fLLdz+c+3BTd3iXbfJdktC6dktlDJy5KZZbk4ZEB0/5GL+Lldnc7VRehgzMZyPuCyHqzgxwEL1odbMoeULTJUYsIxeZYLnYNMfM1jZHtY27F7tNMKEz6TF2AyzFYZRMuKKHC6RCu78IUT4GYNzcTpcMlMUDJVkmK7W3Iy4MocrUhIe06ppsHAfptvMzIPVCpO3KAhGxAircrAmxQh+besvSC5jhF32GVUjr87xUqrh/rDZ1K6poPvEKGguhkNMmqvhmqyrgt1wCt/rdPk0sG5sOZ0uwTNdFlwrejkY6Bn8dPoPSLm6KQUHAAA=&quot;, &quot;encode_data&quot;: true, &quot;has_legend_list&quot;: true, &quot;interactivity&quot;: [{&quot;attrs&quot;: {&quot;format&quot;: null, &quot;name&quot;: &quot;va0276a&quot;, &quot;title&quot;: &quot;Precision&quot;}, &quot;event&quot;: &quot;hover&quot;}, {&quot;attrs&quot;: {&quot;format&quot;: null, &quot;name&quot;: &quot;vc66218&quot;, &quot;title&quot;: &quot;Address&quot;}, &quot;event&quot;: &quot;hover&quot;}], &quot;legends&quot;: [{&quot;ascending&quot;: false, &quot;description&quot;: &quot;&quot;, &quot;dynamic&quot;: true, &quot;footer&quot;: &quot;&quot;, &quot;format&quot;: null, &quot;prop&quot;: &quot;color&quot;, &quot;title&quot;: &quot;Geocoding Precision&quot;, &quot;type&quot;: &quot;color-bins&quot;, &quot;variable&quot;: null}], &quot;map_index&quot;: 0, &quot;options&quot;: {&quot;dateColumns&quot;: []}, &quot;source&quot;: &quot;H4sIANMVyl8C/73Vy2rjMBQG4Fc5aO0G3S/ZNe20sxoCM5thKEXYSmPisYKsTDEh7z6Km4WD24XA7c4cfOTPh1/SEcV+79ASPTgbD8Hd+aZxZax9iwq0eat1aPnniOoqvYVT9bohFfbB712I9fnFI7JVlVrSI2KcwDfbRRdaWO9e+2IVvN81fVvAj99ACGU6db+Uz11MS3XPwTVoiRdGnVLV+b8uhv684uWDa1+3MTWU3oeqbm0cYDeKLYxQXBYcL6QimD6dTsWFS3K4EitYhfplG30LK2fLLdz+c+3BTd3iXbfJdktC6dktlDJy5KZZbk4ZEB0/5GL+Lldnc7VRehgzMZyPuCyHqzgxwEL1odbMoeULTJUYsIxeZYLnYNMfM1jZHtY27F7tNMKEz6TF2AyzFYZRMuKKHC6RCu78IUT4GYNzcTpcMlMUDJVkmK7W3Iy4MocrUhIe06ppsHAfptvMzIPVCpO3KAhGxAircrAmxQh+besvSC5jhF32GVUjr87xUqrh/rDZ1K6poPvEKGguhkNMmqvhmqyrgt1wCt/rdPk0sG5sOZ0uwTNdFlwrejkY6Bn8dPoPSLm6KQUHAAA=&quot;, &quot;title&quot;: &quot;Geocoding Precision&quot;, &quot;type&quot;: &quot;GeoJSON&quot;, &quot;viz&quot;: &quot;@va0276a: prop(\\u0027gc_status_rel\\u0027)\\n@vc66218: prop(\\u0027address\\u0027)\\ncolor: opacity(ramp(globalEqIntervals(prop(\\u0027gc_status_rel\\u0027), 3), purpor),1)\\nfilter: 1\\nstrokeColor: opacity(#222,ramp(linear(zoom(),0,18),[0,0.6]))\\nstrokeWidth: ramp(linear(zoom(),0,18),[0,1])\\nwidth: ramp(linear(zoom(),0,18),[2,10])\\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 0x7fc7c4168b38>"
      ]
     },
     "execution_count": 15,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from cartoframes.viz import Layer, color_bins_style, popup_element\n",
    "\n",
    "Layer(\n",
    "    geo_gdf,\n",
    "    color_bins_style('gc_status_rel', method='equal', bins=geo_gdf.gc_status_rel.unique().size),\n",
    "    popup_hover=[popup_element('address', 'Address'), popup_element('gc_status_rel', 'Precision')],\n",
    "    title='Geocoding Precision'\n",
    ")"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Isolines\n",
    "\n",
    "There are two **Isoline** functions: **isochrones** and **isodistances**. In this guide we will use the **isochrones** function to calculate walking areas _by time_ for each Starbucks store and the **isodistances** function to calculate the walking area _by distance_.\n",
    "\n",
    "By definition, isolines are concentric polygons that display equally calculated levels over a given surface area, and they are calculated as the intersection areas from the origin point, measured by:\n",
    "\n",
    "* **Time** in the case of **isochrones**\n",
    "* **Distance** in the case of **isodistances**"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "#### Isochrones\n",
    "\n",
    "For isochrones, let's calculate the time ranges of 5, 15 and 30 minutes. These ranges are input in `seconds`, so they will be **300**, **900**, and **1800** respectively."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 16,
   "metadata": {},
   "outputs": [],
   "source": [
    "from cartoframes.data.services import Isolines\n",
    "\n",
    "iso_service = Isolines()\n",
    "\n",
    "_, isochrones_dry_metadata = iso_service.isochrones(geo_gdf, [300, 900, 1800], mode='walk', dry_run=True)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Remember to always **check the quota** using `dry_run` parameter and `available_quota` method before running the service!"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 17,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "available 115394, required 30\n"
     ]
    }
   ],
   "source": [
    "print('available {0}, required {1}'.format(\n",
    "    iso_service.available_quota(),\n",
    "    isochrones_dry_metadata.get('required_quota'))\n",
    ")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 18,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Success! Isolines created correctly\n"
     ]
    }
   ],
   "source": [
    "isochrones_gdf, isochrones_metadata = iso_service.isochrones(geo_gdf, [300, 900, 1800], mode='walk')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 19,
   "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>source_id</th>\n",
       "      <th>data_range</th>\n",
       "      <th>the_geom</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>0</td>\n",
       "      <td>300</td>\n",
       "      <td>MULTIPOLYGON (((-73.95936 40.67087, -73.95910 ...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>0</td>\n",
       "      <td>900</td>\n",
       "      <td>MULTIPOLYGON (((-73.96743 40.67345, -73.96683 ...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>0</td>\n",
       "      <td>1800</td>\n",
       "      <td>MULTIPOLYGON (((-73.97584 40.67499, -73.97558 ...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>1</td>\n",
       "      <td>300</td>\n",
       "      <td>MULTIPOLYGON (((-73.96417 40.57749, -73.96391 ...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>1</td>\n",
       "      <td>900</td>\n",
       "      <td>MULTIPOLYGON (((-73.97035 40.57749, -73.97009 ...</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   source_id  data_range                                           the_geom\n",
       "0          0         300  MULTIPOLYGON (((-73.95936 40.67087, -73.95910 ...\n",
       "1          0         900  MULTIPOLYGON (((-73.96743 40.67345, -73.96683 ...\n",
       "2          0        1800  MULTIPOLYGON (((-73.97584 40.67499, -73.97558 ...\n",
       "3          1         300  MULTIPOLYGON (((-73.96417 40.57749, -73.96391 ...\n",
       "4          1         900  MULTIPOLYGON (((-73.97035 40.57749, -73.97009 ..."
      ]
     },
     "execution_count": 19,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "isochrones_gdf.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 20,
   "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 class=&quot;as-map-panels&quot; data-name=&quot;Legends&quot;>\n",
       "            <div class=&quot;as-panel as-panel--vertical as-panel--left as-panel--top&quot;>\n",
       "              \n",
       "\n",
       "<div class=&quot;as-panel__element&quot; id=&quot;legends&quot;>\n",
       "  <as-layer-selector id=&quot;layer-selector&quot;>\n",
       "    \n",
       "      \n",
       "        \n",
       "        \n",
       "        <div slot=&quot;as-checkbox-layer-0-slot&quot;>\n",
       "          \n",
       "            \n",
       "              <as-legend\n",
       "                heading=&quot;Isochrones&quot;\n",
       "                description=&quot;&quot;>\n",
       "                <as-legend-color-category-polygon id=&quot;layer0_map0_legend0&quot; slot=&quot;legends&quot;></as-legend-color-category-polygon>\n",
       "                \n",
       "              </as-legend>\n",
       "            \n",
       "          \n",
       "        </div>\n",
       "      \n",
       "    \n",
       "  </as-layer-selector>\n",
       "</div>\n",
       "            </div> <!-- as-panel -->\n",
       "          </div> <!-- as-map-panels -->\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(id, map) {\n",
       "    function updateMapInfo() {\n",
       "      const mapInfo$ = document.getElementById(id);\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",
       "      if (popupHTML) {\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",
       "    } 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",
       "      const id = mapIndex !== undefined ? `map-info-${mapIndex}` : 'map-info';\n",
       "      updateViewport(id, 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.0416718, 40.5725098], [-73.8591957, 40.7055473]];\n",
       "    const camera = null;\n",
       "    const has_legends = 'true' === 'true';\n",
       "    const is_static = 'None' === 'true';\n",
       "    const layer_selector = 'False' === 'true';\n",
       "    const layers = [{&quot;credentials&quot;: null, &quot;data&quot;: &quot;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&quot;, &quot;encode_data&quot;: true, &quot;has_legend_list&quot;: true, &quot;interactivity&quot;: [], &quot;legends&quot;: [{&quot;ascending&quot;: false, &quot;description&quot;: &quot;&quot;, &quot;dynamic&quot;: true, &quot;footer&quot;: &quot;&quot;, &quot;format&quot;: null, &quot;prop&quot;: &quot;color&quot;, &quot;title&quot;: &quot;Isochrones&quot;, &quot;type&quot;: &quot;color-category-polygon&quot;, &quot;variable&quot;: &quot;&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: opacity(hex(\\&quot;#826DBA\\&quot;), 0.5)\\nstrokeColor: opacity(#2c2c2c,ramp(linear(zoom(),2,18),[0.2,0.6]))\\nstrokeWidth: ramp(linear(zoom(),2,18),[0.5,1])\\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 0x7fc7c4130160>"
      ]
     },
     "execution_count": 20,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from cartoframes.viz import Layer, basic_style, basic_legend\n",
    "\n",
    "Layer(isochrones_gdf, basic_style(opacity=0.5), basic_legend('Isochrones'))"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "#### Isodistances\n",
    "\n",
    "For isodistances, let's calculate the distance ranges of 100, 500 and 1000 meters. These ranges are input in `meters`, so they will be **100**, **500**, and **1000** respectively."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 21,
   "metadata": {},
   "outputs": [],
   "source": [
    "_, isodistances_dry_metadata = iso_service.isodistances(geo_gdf, [100, 500, 1000], mode='walk', dry_run=True)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 22,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "available 115364, required 30\n"
     ]
    }
   ],
   "source": [
    "print('available {0}, required {1}'.format(\n",
    "    iso_service.available_quota(),\n",
    "    isodistances_dry_metadata.get('required_quota'))\n",
    ")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 23,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Success! Isolines created correctly\n"
     ]
    }
   ],
   "source": [
    "isodistances_gdf, isodistances_metadata = iso_service.isodistances(geo_gdf, [100, 500, 1000], mode='walk')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 24,
   "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>source_id</th>\n",
       "      <th>data_range</th>\n",
       "      <th>the_geom</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>0</td>\n",
       "      <td>100</td>\n",
       "      <td>MULTIPOLYGON (((-73.95782 40.67139, -73.95721 ...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>0</td>\n",
       "      <td>500</td>\n",
       "      <td>MULTIPOLYGON (((-73.96262 40.67276, -73.96219 ...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>0</td>\n",
       "      <td>1000</td>\n",
       "      <td>MULTIPOLYGON (((-73.96880 40.67345, -73.96820 ...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>1</td>\n",
       "      <td>100</td>\n",
       "      <td>MULTIPOLYGON (((-73.96125 40.57800, -73.96065 ...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>1</td>\n",
       "      <td>500</td>\n",
       "      <td>MULTIPOLYGON (((-73.96605 40.57800, -73.96563 ...</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   source_id  data_range                                           the_geom\n",
       "0          0         100  MULTIPOLYGON (((-73.95782 40.67139, -73.95721 ...\n",
       "1          0         500  MULTIPOLYGON (((-73.96262 40.67276, -73.96219 ...\n",
       "2          0        1000  MULTIPOLYGON (((-73.96880 40.67345, -73.96820 ...\n",
       "3          1         100  MULTIPOLYGON (((-73.96125 40.57800, -73.96065 ...\n",
       "4          1         500  MULTIPOLYGON (((-73.96605 40.57800, -73.96563 ..."
      ]
     },
     "execution_count": 24,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "isodistances_gdf.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 25,
   "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 class=&quot;as-map-panels&quot; data-name=&quot;Legends&quot;>\n",
       "            <div class=&quot;as-panel as-panel--vertical as-panel--left as-panel--top&quot;>\n",
       "              \n",
       "\n",
       "<div class=&quot;as-panel__element&quot; id=&quot;legends&quot;>\n",
       "  <as-layer-selector id=&quot;layer-selector&quot;>\n",
       "    \n",
       "      \n",
       "        \n",
       "        \n",
       "        <div slot=&quot;as-checkbox-layer-0-slot&quot;>\n",
       "          \n",
       "            \n",
       "              <as-legend\n",
       "                heading=&quot;Isodistances&quot;\n",
       "                description=&quot;&quot;>\n",
       "                <as-legend-color-category-polygon id=&quot;layer0_map0_legend0&quot; slot=&quot;legends&quot;></as-legend-color-category-polygon>\n",
       "                \n",
       "              </as-legend>\n",
       "            \n",
       "          \n",
       "        </div>\n",
       "      \n",
       "    \n",
       "  </as-layer-selector>\n",
       "</div>\n",
       "            </div> <!-- as-panel -->\n",
       "          </div> <!-- as-map-panels -->\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(id, map) {\n",
       "    function updateMapInfo() {\n",
       "      const mapInfo$ = document.getElementById(id);\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",
       "      if (popupHTML) {\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",
       "    } 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",
       "      const id = mapIndex !== undefined ? `map-info-${mapIndex}` : 'map-info';\n",
       "      updateViewport(id, 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.0416718, 40.5738831], [-73.8624573, 40.7000542]];\n",
       "    const camera = null;\n",
       "    const has_legends = 'true' === 'true';\n",
       "    const is_static = 'None' === 'true';\n",
       "    const layer_selector = 'False' === 'true';\n",
       "    const layers = [{&quot;credentials&quot;: null, &quot;data&quot;: &quot;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&quot;, &quot;encode_data&quot;: true, &quot;has_legend_list&quot;: true, &quot;interactivity&quot;: [], &quot;legends&quot;: [{&quot;ascending&quot;: false, &quot;description&quot;: &quot;&quot;, &quot;dynamic&quot;: true, &quot;footer&quot;: &quot;&quot;, &quot;format&quot;: null, &quot;prop&quot;: &quot;color&quot;, &quot;title&quot;: &quot;Isodistances&quot;, &quot;type&quot;: &quot;color-category-polygon&quot;, &quot;variable&quot;: &quot;&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: opacity(hex(\\&quot;#826DBA\\&quot;), 0.5)\\nstrokeColor: opacity(#2c2c2c,ramp(linear(zoom(),2,18),[0.2,0.6]))\\nstrokeWidth: ramp(linear(zoom(),2,18),[0.5,1])\\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 0x7fc7c3dc10b8>"
      ]
     },
     "execution_count": 25,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from cartoframes.viz import Layer, basic_style, basic_legend\n",
    "\n",
    "Layer(isodistances_gdf, basic_style(opacity=0.5), basic_legend('Isodistances'))"
   ]
  }
 ],
 "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.6.7"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}