tessellation_demo_visualizations.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 128,
   "id": "d4411c2b",
   "metadata": {},
   "outputs": [],
   "source": [
    "import geopandas as gpd\n",
    "from shapely import Polygon\n",
    "import matplotlib.pyplot as plt\n",
    "from skmob.tessellation import tilers\n",
    "import matplotlib.pyplot as plt\n",
    "import seaborn as sns\n",
    "\n",
    "%matplotlib inline\n",
    "plt.rcParams.update({'figure.figsize':(7,5), 'figure.dpi':200})\n",
    "sns.set_palette(sns.color_palette(\"colorblind\"))\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 48,
   "id": "7f753ced",
   "metadata": {},
   "outputs": [],
   "source": [
    "data = gp.read_file(\"data/geolife/geolife_raw.geojson\", geometry='geometry')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 121,
   "id": "3a1127b8",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "6291"
      ]
     },
     "execution_count": 121,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "data[data.start_t.str[:4] == '2008'].traj_id.nunique()"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "6b79b8d7",
   "metadata": {},
   "source": [
    "# Plot tessellation example"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "6ef38156",
   "metadata": {},
   "outputs": [],
   "source": [
    "tessellation = tilers.tiler.get(\"squared\", base_shape=\"Beijing, China\", meters=200)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "e599b41c",
   "metadata": {},
   "outputs": [],
   "source": [
    "tessellation.explore(cmap=\"Set1\", tiles=\"CartoDB positron\")"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "6dbc1833",
   "metadata": {},
   "source": [
    "# Dissolving tiles example"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 129,
   "id": "c2fb4878",
   "metadata": {},
   "outputs": [],
   "source": [
    "tessellation_freemove = gpd.read_file(\"data/freemove/tessellation_freemove_200.geojson\", geometry='geometry')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 130,
   "id": "87e5045c",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><span style=\"color:#565656\">Make this Notebook Trusted to load map: File -> Trust Notebook</span><iframe srcdoc=\"&lt;!DOCTYPE html&gt;\n",
       "&lt;html&gt;\n",
       "&lt;head&gt;\n",
       "    \n",
       "    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;\n",
       "    \n",
       "        &lt;script&gt;\n",
       "            L_NO_TOUCH = false;\n",
       "            L_DISABLE_3D = false;\n",
       "        &lt;/script&gt;\n",
       "    \n",
       "    &lt;style&gt;html, body {width: 100%;height: 100%;margin: 0;padding: 0;}&lt;/style&gt;\n",
       "    &lt;style&gt;#map {position:absolute;top:0;bottom:0;right:0;left:0;}&lt;/style&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.6.0/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://code.jquery.com/jquery-1.12.4.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.6.0/dist/leaflet.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n",
       "    \n",
       "            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n",
       "                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n",
       "            &lt;style&gt;\n",
       "                #map_ed31ce6cb3fbeea21ac9addc11510ad1 {\n",
       "                    position: relative;\n",
       "                    width: 100.0%;\n",
       "                    height: 100.0%;\n",
       "                    left: 0.0%;\n",
       "                    top: 0.0%;\n",
       "                }\n",
       "            &lt;/style&gt;\n",
       "        \n",
       "    \n",
       "                    &lt;style&gt;\n",
       "                        .foliumtooltip {\n",
       "                            \n",
       "                        }\n",
       "                       .foliumtooltip table{\n",
       "                            margin: auto;\n",
       "                        }\n",
       "                        .foliumtooltip tr{\n",
       "                            text-align: left;\n",
       "                        }\n",
       "                        .foliumtooltip th{\n",
       "                            padding: 2px; padding-right: 8px;\n",
       "                        }\n",
       "                    &lt;/style&gt;\n",
       "            \n",
       "&lt;/head&gt;\n",
       "&lt;body&gt;\n",
       "    \n",
       "    \n",
       "            &lt;div class=&quot;folium-map&quot; id=&quot;map_ed31ce6cb3fbeea21ac9addc11510ad1&quot; &gt;&lt;/div&gt;\n",
       "        \n",
       "&lt;/body&gt;\n",
       "&lt;script&gt;\n",
       "    \n",
       "    \n",
       "            var map_ed31ce6cb3fbeea21ac9addc11510ad1 = L.map(\n",
       "                &quot;map_ed31ce6cb3fbeea21ac9addc11510ad1&quot;,\n",
       "                {\n",
       "                    center: [52.512762591699364, 13.388583061389959],\n",
       "                    crs: L.CRS.EPSG3857,\n",
       "                    zoom: 10,\n",
       "                    zoomControl: true,\n",
       "                    preferCanvas: false,\n",
       "                }\n",
       "            );\n",
       "            L.control.scale().addTo(map_ed31ce6cb3fbeea21ac9addc11510ad1);\n",
       "\n",
       "            \n",
       "\n",
       "        \n",
       "    \n",
       "            var tile_layer_7e0a29b33f2d591b71d29d6154435f64 = L.tileLayer(\n",
       "                &quot;https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png&quot;,\n",
       "                {&quot;attribution&quot;: &quot;\\u0026copy; \\u003ca href=\\&quot;http://www.openstreetmap.org/copyright\\&quot;\\u003eOpenStreetMap\\u003c/a\\u003e contributors \\u0026copy; \\u003ca href=\\&quot;http://cartodb.com/attributions\\&quot;\\u003eCartoDB\\u003c/a\\u003e, CartoDB \\u003ca href =\\&quot;http://cartodb.com/attributions\\&quot;\\u003eattributions\\u003c/a\\u003e&quot;, &quot;detectRetina&quot;: false, &quot;maxNativeZoom&quot;: 18, &quot;maxZoom&quot;: 18, &quot;minZoom&quot;: 0, &quot;noWrap&quot;: false, &quot;opacity&quot;: 1, &quot;subdomains&quot;: &quot;abc&quot;, &quot;tms&quot;: false}\n",
       "            ).addTo(map_ed31ce6cb3fbeea21ac9addc11510ad1);\n",
       "        \n",
       "    \n",
       "            map_ed31ce6cb3fbeea21ac9addc11510ad1.fitBounds(\n",
       "                [[52.510575787968726, 13.38678643082172], [52.51494939543, 13.390379691958199]],\n",
       "                {}\n",
       "            );\n",
       "        \n",
       "    \n",
       "        function geo_json_143fda6585ff2e34a033abc74045225d_styler(feature) {\n",
       "            switch(feature.id) {\n",
       "                default:\n",
       "                    return {&quot;fillOpacity&quot;: 0.5, &quot;weight&quot;: 2};\n",
       "            }\n",
       "        }\n",
       "        function geo_json_143fda6585ff2e34a033abc74045225d_highlighter(feature) {\n",
       "            switch(feature.id) {\n",
       "                default:\n",
       "                    return {&quot;fillOpacity&quot;: 0.75};\n",
       "            }\n",
       "        }\n",
       "        function geo_json_143fda6585ff2e34a033abc74045225d_pointToLayer(feature, latlng) {\n",
       "            var opts = {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#3388ff&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#3388ff&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 2, &quot;stroke&quot;: true, &quot;weight&quot;: 3};\n",
       "            \n",
       "            let style = geo_json_143fda6585ff2e34a033abc74045225d_styler(feature)\n",
       "            Object.assign(opts, style)\n",
       "            \n",
       "            return new L.CircleMarker(latlng, opts)\n",
       "        }\n",
       "\n",
       "        function geo_json_143fda6585ff2e34a033abc74045225d_onEachFeature(feature, layer) {\n",
       "            layer.on({\n",
       "                mouseout: function(e) {\n",
       "                    if(typeof e.target.setStyle === &quot;function&quot;){\n",
       "                        geo_json_143fda6585ff2e34a033abc74045225d.resetStyle(e.target);\n",
       "                    }\n",
       "                },\n",
       "                mouseover: function(e) {\n",
       "                    if(typeof e.target.setStyle === &quot;function&quot;){\n",
       "                        const highlightStyle = geo_json_143fda6585ff2e34a033abc74045225d_highlighter(e.target.feature)\n",
       "                        e.target.setStyle(highlightStyle);\n",
       "                    }\n",
       "                },\n",
       "            });\n",
       "        };\n",
       "        var geo_json_143fda6585ff2e34a033abc74045225d = L.geoJson(null, {\n",
       "                onEachFeature: geo_json_143fda6585ff2e34a033abc74045225d_onEachFeature,\n",
       "            \n",
       "                style: geo_json_143fda6585ff2e34a033abc74045225d_styler,\n",
       "                pointToLayer: geo_json_143fda6585ff2e34a033abc74045225d_pointToLayer\n",
       "        });\n",
       "\n",
       "        function geo_json_143fda6585ff2e34a033abc74045225d_add (data) {\n",
       "            geo_json_143fda6585ff2e34a033abc74045225d\n",
       "                .addData(data)\n",
       "                .addTo(map_ed31ce6cb3fbeea21ac9addc11510ad1);\n",
       "        }\n",
       "            geo_json_143fda6585ff2e34a033abc74045225d_add({&quot;bbox&quot;: [13.38678643082172, 52.510575787968726, 13.390379691958199, 52.51494939543], &quot;features&quot;: [{&quot;bbox&quot;: [13.38678643082172, 52.510575787968726, 13.38858306138996, 52.51166923064245], &quot;geometry&quot;: {&quot;coordinates&quot;: [[[13.38678643082172, 52.510575787968726], [13.38678643082172, 52.51166923064245], [13.38858306138996, 52.51166923064245], [13.38858306138996, 52.510575787968726], [13.38678643082172, 52.510575787968726]]], &quot;type&quot;: &quot;Polygon&quot;}, &quot;id&quot;: &quot;295511&quot;, &quot;properties&quot;: {&quot;tile_id&quot;: &quot;295511&quot;}, &quot;type&quot;: &quot;Feature&quot;}, {&quot;bbox&quot;: [13.38678643082172, 52.51166923064245, 13.38858306138996, 52.51276264611038], &quot;geometry&quot;: {&quot;coordinates&quot;: [[[13.38678643082172, 52.51166923064245], [13.38678643082172, 52.51276264611038], [13.38858306138996, 52.51276264611038], [13.38858306138996, 52.51166923064245], [13.38678643082172, 52.51166923064245]]], &quot;type&quot;: &quot;Polygon&quot;}, &quot;id&quot;: &quot;295512&quot;, &quot;properties&quot;: {&quot;tile_id&quot;: &quot;295512&quot;}, &quot;type&quot;: &quot;Feature&quot;}, {&quot;bbox&quot;: [13.38858306138996, 52.510575787968726, 13.390379691958199, 52.51166923064245], &quot;geometry&quot;: {&quot;coordinates&quot;: [[[13.38858306138996, 52.510575787968726], [13.38858306138996, 52.51166923064245], [13.390379691958199, 52.51166923064245], [13.390379691958199, 52.510575787968726], [13.38858306138996, 52.510575787968726]]], &quot;type&quot;: &quot;Polygon&quot;}, &quot;id&quot;: &quot;296154&quot;, &quot;properties&quot;: {&quot;tile_id&quot;: &quot;296154&quot;}, &quot;type&quot;: &quot;Feature&quot;}, {&quot;bbox&quot;: [13.38858306138996, 52.51166923064245, 13.390379691958199, 52.51276264611038], &quot;geometry&quot;: {&quot;coordinates&quot;: [[[13.38858306138996, 52.51166923064245], [13.38858306138996, 52.51276264611038], [13.390379691958199, 52.51276264611038], [13.390379691958199, 52.51166923064245], [13.38858306138996, 52.51166923064245]]], &quot;type&quot;: &quot;Polygon&quot;}, &quot;id&quot;: &quot;296155&quot;, &quot;properties&quot;: {&quot;tile_id&quot;: &quot;296155&quot;}, &quot;type&quot;: &quot;Feature&quot;}, {&quot;bbox&quot;: [13.38858306138996, 52.51276264611038, 13.390379691958199, 52.51385603437281], &quot;geometry&quot;: {&quot;coordinates&quot;: [[[13.38858306138996, 52.51276264611038], [13.38858306138996, 52.51385603437281], [13.390379691958199, 52.51385603437281], [13.390379691958199, 52.51276264611038], [13.38858306138996, 52.51276264611038]]], &quot;type&quot;: &quot;Polygon&quot;}, &quot;id&quot;: &quot;296156&quot;, &quot;properties&quot;: {&quot;tile_id&quot;: &quot;296156&quot;}, &quot;type&quot;: &quot;Feature&quot;}, {&quot;bbox&quot;: [13.38858306138996, 52.51385603437281, 13.390379691958199, 52.51494939543], &quot;geometry&quot;: {&quot;coordinates&quot;: [[[13.38858306138996, 52.51385603437281], [13.38858306138996, 52.51494939543], [13.390379691958199, 52.51494939543], [13.390379691958199, 52.51385603437281], [13.38858306138996, 52.51385603437281]]], &quot;type&quot;: &quot;Polygon&quot;}, &quot;id&quot;: &quot;296157&quot;, &quot;properties&quot;: {&quot;tile_id&quot;: &quot;296157&quot;}, &quot;type&quot;: &quot;Feature&quot;}], &quot;type&quot;: &quot;FeatureCollection&quot;});\n",
       "\n",
       "        \n",
       "    \n",
       "    geo_json_143fda6585ff2e34a033abc74045225d.bindTooltip(\n",
       "    function(layer){\n",
       "    let div = L.DomUtil.create(&#x27;div&#x27;);\n",
       "    \n",
       "    let handleObject = feature=&gt;typeof(feature)==&#x27;object&#x27; ? JSON.stringify(feature) : feature;\n",
       "    let fields = [&quot;tile_id&quot;];\n",
       "    let aliases = [&quot;tile_id&quot;];\n",
       "    let table = &#x27;&lt;table&gt;&#x27; +\n",
       "        String(\n",
       "        fields.map(\n",
       "        (v,i)=&gt;\n",
       "        `&lt;tr&gt;\n",
       "            &lt;th&gt;${aliases[i]}&lt;/th&gt;\n",
       "            \n",
       "            &lt;td&gt;${handleObject(layer.feature.properties[v])}&lt;/td&gt;\n",
       "        &lt;/tr&gt;`).join(&#x27;&#x27;))\n",
       "    +&#x27;&lt;/table&gt;&#x27;;\n",
       "    div.innerHTML=table;\n",
       "    \n",
       "    return div\n",
       "    }\n",
       "    ,{&quot;className&quot;: &quot;foliumtooltip&quot;, &quot;sticky&quot;: true});\n",
       "                     \n",
       "&lt;/script&gt;\n",
       "&lt;/html&gt;\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x7feb2c5533d0>"
      ]
     },
     "execution_count": 130,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# create plot for dissolving demo for set of random tiles of tessellation\n",
    "exp_tiles = tessellation_freemove.query('tile_id in [\"295512\", \"295511\", \"296155\", \"296156\", \"296157\", \"296154\"]')\n",
    "exp_tiles.explore(tiles=\"CartoDB positron\")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 131,
   "id": "aecaa62b",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><span style=\"color:#565656\">Make this Notebook Trusted to load map: File -> Trust Notebook</span><iframe srcdoc=\"&lt;!DOCTYPE html&gt;\n",
       "&lt;html&gt;\n",
       "&lt;head&gt;\n",
       "    \n",
       "    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;\n",
       "    \n",
       "        &lt;script&gt;\n",
       "            L_NO_TOUCH = false;\n",
       "            L_DISABLE_3D = false;\n",
       "        &lt;/script&gt;\n",
       "    \n",
       "    &lt;style&gt;html, body {width: 100%;height: 100%;margin: 0;padding: 0;}&lt;/style&gt;\n",
       "    &lt;style&gt;#map {position:absolute;top:0;bottom:0;right:0;left:0;}&lt;/style&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.6.0/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://code.jquery.com/jquery-1.12.4.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.6.0/dist/leaflet.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n",
       "    \n",
       "            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n",
       "                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n",
       "            &lt;style&gt;\n",
       "                #map_5a5381b2a293596130009dfa42b368c9 {\n",
       "                    position: relative;\n",
       "                    width: 100.0%;\n",
       "                    height: 100.0%;\n",
       "                    left: 0.0%;\n",
       "                    top: 0.0%;\n",
       "                }\n",
       "            &lt;/style&gt;\n",
       "        \n",
       "    \n",
       "                    &lt;style&gt;\n",
       "                        .foliumtooltip {\n",
       "                            \n",
       "                        }\n",
       "                       .foliumtooltip table{\n",
       "                            margin: auto;\n",
       "                        }\n",
       "                        .foliumtooltip tr{\n",
       "                            text-align: left;\n",
       "                        }\n",
       "                        .foliumtooltip th{\n",
       "                            padding: 2px; padding-right: 8px;\n",
       "                        }\n",
       "                    &lt;/style&gt;\n",
       "            \n",
       "&lt;/head&gt;\n",
       "&lt;body&gt;\n",
       "    \n",
       "    \n",
       "            &lt;div class=&quot;folium-map&quot; id=&quot;map_5a5381b2a293596130009dfa42b368c9&quot; &gt;&lt;/div&gt;\n",
       "        \n",
       "&lt;/body&gt;\n",
       "&lt;script&gt;\n",
       "    \n",
       "    \n",
       "            var map_5a5381b2a293596130009dfa42b368c9 = L.map(\n",
       "                &quot;map_5a5381b2a293596130009dfa42b368c9&quot;,\n",
       "                {\n",
       "                    center: [52.512762591699364, 13.388583061389959],\n",
       "                    crs: L.CRS.EPSG3857,\n",
       "                    zoom: 10,\n",
       "                    zoomControl: true,\n",
       "                    preferCanvas: false,\n",
       "                }\n",
       "            );\n",
       "            L.control.scale().addTo(map_5a5381b2a293596130009dfa42b368c9);\n",
       "\n",
       "            \n",
       "\n",
       "        \n",
       "    \n",
       "            var tile_layer_0cf0f4f1108155b3d28c77024c927f3c = L.tileLayer(\n",
       "                &quot;https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png&quot;,\n",
       "                {&quot;attribution&quot;: &quot;\\u0026copy; \\u003ca href=\\&quot;http://www.openstreetmap.org/copyright\\&quot;\\u003eOpenStreetMap\\u003c/a\\u003e contributors \\u0026copy; \\u003ca href=\\&quot;http://cartodb.com/attributions\\&quot;\\u003eCartoDB\\u003c/a\\u003e, CartoDB \\u003ca href =\\&quot;http://cartodb.com/attributions\\&quot;\\u003eattributions\\u003c/a\\u003e&quot;, &quot;detectRetina&quot;: false, &quot;maxNativeZoom&quot;: 18, &quot;maxZoom&quot;: 18, &quot;minZoom&quot;: 0, &quot;noWrap&quot;: false, &quot;opacity&quot;: 1, &quot;subdomains&quot;: &quot;abc&quot;, &quot;tms&quot;: false}\n",
       "            ).addTo(map_5a5381b2a293596130009dfa42b368c9);\n",
       "        \n",
       "    \n",
       "            map_5a5381b2a293596130009dfa42b368c9.fitBounds(\n",
       "                [[52.510575787968726, 13.38678643082172], [52.51494939543, 13.390379691958199]],\n",
       "                {}\n",
       "            );\n",
       "        \n",
       "    \n",
       "        function geo_json_fc514043686927edd3aead7a81d05ae7_styler(feature) {\n",
       "            switch(feature.id) {\n",
       "                default:\n",
       "                    return {&quot;fillOpacity&quot;: 0.5, &quot;weight&quot;: 2};\n",
       "            }\n",
       "        }\n",
       "        function geo_json_fc514043686927edd3aead7a81d05ae7_highlighter(feature) {\n",
       "            switch(feature.id) {\n",
       "                default:\n",
       "                    return {&quot;fillOpacity&quot;: 0.75};\n",
       "            }\n",
       "        }\n",
       "        function geo_json_fc514043686927edd3aead7a81d05ae7_pointToLayer(feature, latlng) {\n",
       "            var opts = {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#3388ff&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#3388ff&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 2, &quot;stroke&quot;: true, &quot;weight&quot;: 3};\n",
       "            \n",
       "            let style = geo_json_fc514043686927edd3aead7a81d05ae7_styler(feature)\n",
       "            Object.assign(opts, style)\n",
       "            \n",
       "            return new L.CircleMarker(latlng, opts)\n",
       "        }\n",
       "\n",
       "        function geo_json_fc514043686927edd3aead7a81d05ae7_onEachFeature(feature, layer) {\n",
       "            layer.on({\n",
       "                mouseout: function(e) {\n",
       "                    if(typeof e.target.setStyle === &quot;function&quot;){\n",
       "                        geo_json_fc514043686927edd3aead7a81d05ae7.resetStyle(e.target);\n",
       "                    }\n",
       "                },\n",
       "                mouseover: function(e) {\n",
       "                    if(typeof e.target.setStyle === &quot;function&quot;){\n",
       "                        const highlightStyle = geo_json_fc514043686927edd3aead7a81d05ae7_highlighter(e.target.feature)\n",
       "                        e.target.setStyle(highlightStyle);\n",
       "                    }\n",
       "                },\n",
       "            });\n",
       "        };\n",
       "        var geo_json_fc514043686927edd3aead7a81d05ae7 = L.geoJson(null, {\n",
       "                onEachFeature: geo_json_fc514043686927edd3aead7a81d05ae7_onEachFeature,\n",
       "            \n",
       "                style: geo_json_fc514043686927edd3aead7a81d05ae7_styler,\n",
       "                pointToLayer: geo_json_fc514043686927edd3aead7a81d05ae7_pointToLayer\n",
       "        });\n",
       "\n",
       "        function geo_json_fc514043686927edd3aead7a81d05ae7_add (data) {\n",
       "            geo_json_fc514043686927edd3aead7a81d05ae7\n",
       "                .addData(data)\n",
       "                .addTo(map_5a5381b2a293596130009dfa42b368c9);\n",
       "        }\n",
       "            geo_json_fc514043686927edd3aead7a81d05ae7_add({&quot;bbox&quot;: [13.38678643082172, 52.510575787968726, 13.390379691958199, 52.51494939543], &quot;features&quot;: [{&quot;bbox&quot;: [13.38678643082172, 52.510575787968726, 13.390379691958199, 52.51494939543], &quot;geometry&quot;: {&quot;coordinates&quot;: [[[13.38678643082172, 52.51276264611038], [13.38858306138996, 52.51276264611038], [13.38858306138996, 52.51385603437281], [13.38858306138996, 52.51494939543], [13.390379691958199, 52.51494939543], [13.390379691958199, 52.51385603437281], [13.390379691958199, 52.51276264611038], [13.390379691958199, 52.51166923064245], [13.390379691958199, 52.510575787968726], [13.38858306138996, 52.510575787968726], [13.38678643082172, 52.510575787968726], [13.38678643082172, 52.51166923064245], [13.38678643082172, 52.51276264611038]]], &quot;type&quot;: &quot;Polygon&quot;}, &quot;id&quot;: &quot;0&quot;, &quot;properties&quot;: {&quot;tile_id&quot;: &quot;295511&quot;}, &quot;type&quot;: &quot;Feature&quot;}], &quot;type&quot;: &quot;FeatureCollection&quot;});\n",
       "\n",
       "        \n",
       "    \n",
       "    geo_json_fc514043686927edd3aead7a81d05ae7.bindTooltip(\n",
       "    function(layer){\n",
       "    let div = L.DomUtil.create(&#x27;div&#x27;);\n",
       "    \n",
       "    let handleObject = feature=&gt;typeof(feature)==&#x27;object&#x27; ? JSON.stringify(feature) : feature;\n",
       "    let fields = [&quot;tile_id&quot;];\n",
       "    let aliases = [&quot;tile_id&quot;];\n",
       "    let table = &#x27;&lt;table&gt;&#x27; +\n",
       "        String(\n",
       "        fields.map(\n",
       "        (v,i)=&gt;\n",
       "        `&lt;tr&gt;\n",
       "            &lt;th&gt;${aliases[i]}&lt;/th&gt;\n",
       "            \n",
       "            &lt;td&gt;${handleObject(layer.feature.properties[v])}&lt;/td&gt;\n",
       "        &lt;/tr&gt;`).join(&#x27;&#x27;))\n",
       "    +&#x27;&lt;/table&gt;&#x27;;\n",
       "    div.innerHTML=table;\n",
       "    \n",
       "    return div\n",
       "    }\n",
       "    ,{&quot;className&quot;: &quot;foliumtooltip&quot;, &quot;sticky&quot;: true});\n",
       "                     \n",
       "&lt;/script&gt;\n",
       "&lt;/html&gt;\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x7feb2c538190>"
      ]
     },
     "execution_count": 131,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import libpysal\n",
    "\n",
    "# create spatial weights matrix\n",
    "W = libpysal.weights.Queen.from_dataframe(exp_tiles)\n",
    "\n",
    "# get component labels\n",
    "components = W.component_labels\n",
    "\n",
    "exp_tiles_dissolved = exp_tiles.dissolve(by=components)\n",
    "\n",
    "exp_tiles_dissolved.explore(tiles=\"CartoDB positron\")"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3 (ipykernel)",
   "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.10.6"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}