Add notebook (#2)

notebooks/dashboard.ipynb

@@ -17,8 +17,16 @@
    "metadata": {},
    "outputs": [],
    "source": [
+    "import json\n",
+    "import duckdb\n",
+    "import ipywidgets as widgets\n",
     "import leafmap.maplibregl as leafmap\n",
-    "import ipywidgets as widgets"
+    "import matplotlib.pyplot as plt\n",
+    "\n",
+    "m = leafmap.Map(sidebar_visible=True, layer_manager_expanded=False, height=\"800px\")\n",
+    "m.add_basemap(\"Esri.WorldImagery\", before_id=m.first_symbol_layer_id, visible=False)\n",
+    "m.add_draw_control(controls=[\"polygon\", \"trash\"])\n",
+    "m"
    ]
   },
   {
@@ -28,70 +36,132 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "tw = leafmap.TabWidget(\n",
-    "    title=\"Interactive Dashboard\",\n",
-    "    tabs=(\"Home\", \"Map\", \"Population\", \"Settings\"),\n",
-    "    icons=(\"mdi-home\", \"mdi-airplane\", \"mdi-account-box\", \"mdi-cog\"),\n",
-    "    show_panel_titles=False,\n",
-    ")\n",
+    "con = duckdb.connect()\n",
+    "con.install_extension(\"httpfs\")\n",
+    "con.install_extension(\"spatial\")\n",
+    "con.install_extension(\"h3\", repository=\"community\")\n",
+    "con.load_extension(\"httpfs\")\n",
+    "con.load_extension(\"spatial\")\n",
+    "con.load_extension(\"h3\")\n",
     "\n",
-    "# Customize dialog\n",
-    "tw.set_help_title(\"About this dashboard\")\n",
-    "tw.set_help_content(\n",
-    "    widgets.HTML(\n",
-    "        \"\"\"\n",
-    "      <p><b>User Guide</b></p>\n",
-    "      <ul>\n",
-    "        <li>Step 1: Click on the tab</li>\n",
-    "        <li>Navigate the map</li>\n",
-    "        <li>? — help</li>\n",
-    "      </ul>\n",
-    "    \"\"\"\n",
-    "    )\n",
+    "url = \"https://data.gishub.org/duckdb/h3_res4_geo.parquet\"\n",
+    "\n",
+    "con.sql(\n",
+    "    f\"CREATE TABLE IF NOT EXISTS h3_res4_geo AS SELECT * FROM read_parquet('{url}');\"\n",
     ")\n",
     "\n",
-    "m = leafmap.Map(projection=\"globe\", sidebar_visible=True, height=\"600px\")\n",
-    "m.add_overture_3d_buildings()\n",
-    "m.create_container()\n",
+    "colormaps = sorted(plt.colormaps())\n",
     "\n",
-    "home_tab = widgets.HTML(\n",
-    "    \"\"\"\n",
-    "    <h1>Welcome to the Leafmap Visualization Dashboard</h1>\n",
-    "    <p>This is the home tab.</p>\n",
-    "    <img src=\"https://assets.gishub.org/images/geog-312.png\" width=\"100%\">\n",
-    "    \"\"\"\n",
+    "checkbox = widgets.Checkbox(\n",
+    "    description=\"3D Map\",\n",
+    "    value=True,\n",
+    "    style={\"description_width\": \"initial\"},\n",
+    "    layout=widgets.Layout(width=\"initial\"),\n",
     ")\n",
-    "\n",
-    "settings_tab = widgets.HTML(\n",
-    "    \"\"\"\n",
-    "    <h1>Settings</h1>\n",
-    "    <p>This is the settings tab.</p>\n",
-    "    \"\"\"\n",
+    "outline_chk = widgets.Checkbox(\n",
+    "    description=\"Add Hexagon Outline\",\n",
+    "    value=False,\n",
+    "    style={\"description_width\": \"initial\"},\n",
+    "    layout=widgets.Layout(width=\"initial\"),\n",
     ")\n",
     "\n",
-    "data = \"https://github.com/opengeos/datasets/releases/download/vector/countries.geojson\"\n",
-    "\n",
-    "m2 = leafmap.Map(style=\"liberty\", projection=\"globe\")\n",
-    "first_symbol_id = m2.find_first_symbol_layer()[\"id\"]\n",
-    "m2.add_data(\n",
-    "    data,\n",
-    "    column=\"POP_EST\",\n",
-    "    scheme=\"Quantiles\",\n",
-    "    cmap=\"Blues\",\n",
-    "    legend_title=\"Population\",\n",
-    "    name=\"population\",\n",
-    "    # before_id=first_symbol_id,\n",
-    "    extrude=True,\n",
-    "    scale_factor=1000,\n",
+    "colormap_dropdown = widgets.Dropdown(\n",
+    "    options=colormaps,\n",
+    "    description=\"Colormap:\",\n",
+    "    value=\"inferno\",\n",
+    "    style={\"description_width\": \"initial\"},\n",
     ")\n",
-    "container = m2.create_container()\n",
+    "class_slider = widgets.IntSlider(\n",
+    "    description=\"Class:\",\n",
+    "    min=1,\n",
+    "    max=10,\n",
+    "    step=1,\n",
+    "    value=5,\n",
+    "    style={\"description_width\": \"initial\"},\n",
+    ")\n",
+    "apply_btn = widgets.Button(description=\"Apply\")\n",
+    "close_btn = widgets.Button(description=\"Close\")\n",
+    "output_widget = widgets.Output()\n",
+    "with output_widget:\n",
+    "    print(\"Draw a polygon on the map. Then, click \\non the 'Apply' button\")\n",
+    "\n",
+    "\n",
+    "def on_apply_btn_click(change):\n",
+    "    with output_widget:\n",
+    "        try:\n",
+    "            output_widget.clear_output()\n",
+    "            if len(m.draw_features_selected) > 0:\n",
+    "                geojson = m.draw_features_selected[0][\"geometry\"]\n",
+    "            df = con.sql(\n",
+    "                f\"\"\"\n",
+    "            SELECT * EXCLUDE (geometry), ST_AsText(geometry) AS geometry FROM h3_res4_geo\n",
+    "            WHERE ST_Intersects(geometry, ST_GeomFromGeoJSON('{json.dumps(geojson)}'));\n",
+    "            \"\"\"\n",
+    "            ).df()\n",
+    "            gdf = leafmap.df_to_gdf(df)\n",
+    "            if \"H3 Hexagon\" in m.layer_dict:\n",
+    "                m.remove_layer(\"H3 Hexagon\")\n",
     "\n",
-    "tw.set_tab_content(0, home_tab)\n",
-    "tw.set_tab_content(1, m.container)\n",
-    "tw.set_tab_content(3, settings_tab)\n",
-    "tw.set_tab_content(2, m2.container)\n",
+    "            if outline_chk.value:\n",
+    "                outline_color = \"rgba(255, 255, 255, 255)\"\n",
+    "            else:\n",
+    "                outline_color = \"rgba(255, 255, 255, 0)\"\n",
     "\n",
-    "tw.widget"
+    "            if checkbox.value:\n",
+    "                m.add_data(\n",
+    "                    gdf,\n",
+    "                    column=\"building_count\",\n",
+    "                    scheme=\"JenksCaspall\",\n",
+    "                    cmap=colormap_dropdown.value,\n",
+    "                    k=class_slider.value,\n",
+    "                    outline_color=outline_color,\n",
+    "                    name=\"H3 Hexagon\",\n",
+    "                    before_id=m.first_symbol_layer_id,\n",
+    "                    extrude=True,\n",
+    "                    fit_bounds=False,\n",
+    "                    add_legend=False,\n",
+    "                )\n",
+    "            else:\n",
+    "                m.add_data(\n",
+    "                    gdf,\n",
+    "                    column=\"building_count\",\n",
+    "                    scheme=\"JenksCaspall\",\n",
+    "                    cmap=colormap_dropdown.value,\n",
+    "                    k=class_slider.value,\n",
+    "                    outline_color=outline_color,\n",
+    "                    name=\"H3 Hexagon\",\n",
+    "                    before_id=m.first_symbol_layer_id,\n",
+    "                    fit_bounds=False,\n",
+    "                    add_legend=False,\n",
+    "                )\n",
+    "\n",
+    "            m.remove_from_sidebar(name=\"Legend\")\n",
+    "            m.add_legend_to_sidebar(\n",
+    "                title=\"Building Count\",\n",
+    "                legend_dict=m.legend_dict,\n",
+    "            )\n",
+    "        except Exception as e:\n",
+    "            with output_widget:\n",
+    "                print(e)\n",
+    "\n",
+    "\n",
+    "def on_close_btn_click(change):\n",
+    "    m.remove_from_sidebar(name=\"H3 Hexagonal Grid\")\n",
+    "\n",
+    "\n",
+    "apply_btn.on_click(on_apply_btn_click)\n",
+    "close_btn.on_click(on_close_btn_click)\n",
+    "\n",
+    "widget = widgets.VBox(\n",
+    "    [\n",
+    "        widgets.HBox([checkbox, outline_chk]),\n",
+    "        colormap_dropdown,\n",
+    "        class_slider,\n",
+    "        widgets.HBox([apply_btn, close_btn]),\n",
+    "        output_widget,\n",
+    "    ]\n",
+    ")\n",
+    "m.add_to_sidebar(widget, label=\"H3 Hexagonal Grid\", widget_icon=\"mdi-hexagon-multiple\")"
    ]
   }
  ],
@@ -111,7 +181,7 @@
    "name": "python",
    "nbconvert_exporter": "python",
    "pygments_lexer": "ipython3",
-   "version": "3.12.2"
+   "version": "3.12.9"
   }
  },
  "nbformat": 4,

notebooks/leafmap.ipynb

@@ -1,51 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "import leafmap.maplibregl as leafmap"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "m = leafmap.Map(\n",
-    "    style=\"liberty\", projection=\"globe\", sidebar_visible=True, height=\"750px\"\n",
-    ")\n",
-    "m.add_basemap(\"USGS.Imagery\")\n",
-    "cities = (\n",
-    "    \"https://github.com/opengeos/datasets/releases/download/world/world_cities.geojson\"\n",
-    ")\n",
-    "m.add_geojson(cities, name=\"Cities\")\n",
-    "m"
-   ]
-  }
- ],
- "metadata": {
-  "kernelspec": {
-   "display_name": "geo",
-   "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.12.2"
-  }
- },
- "nbformat": 4,
- "nbformat_minor": 2
-}