chore: Example notebook updates (#1023)

kylebarron · web-flow · commit 77bb3a01feba · 2025-10-31T18:06:00.000-04:00
Closes #1018, closes #964
diff --git a/assets/kontur-h3.jpg b/assets/kontur-h3.jpg
diff --git a/examples/clicked-point.ipynb b/examples/clicked-point.ipynb
@@ -2,7 +2,7 @@
  "cells": [
   {
    "cell_type": "code",
-   "execution_count": 1,
+   "execution_count": null,
    "id": "3371497b",
    "metadata": {
     "jupyter": {
@@ -49,18 +49,26 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "f986a64e-269f-4966-93b0-cfa5bf1ba882",
+   "id": "87de8097-4bb9-4180-a3ca-c82c826c38d6",
    "metadata": {},
    "outputs": [],
    "source": [
     "from typing import Tuple\n",
     "\n",
     "import ipywidgets as widgets\n",
     "\n",
-    "from lonboard import Map\n",
-    "\n",
+    "from lonboard import Map"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "f986a64e-269f-4966-93b0-cfa5bf1ba882",
+   "metadata": {},
+   "outputs": [],
+   "source": [
     "## Create a Lonboard map and two widgets to display the coordinate\n",
-    "m = Map(layers=[])\n",
+    "m = Map(layers=[], view_state={\"zoom\": 1.5}, height=600)\n",
     "clicked_x_display = widgets.FloatText(description=\"last clicked x:\")\n",
     "clicked_y_display = widgets.FloatText(description=\"last clicked y:\")\n",
     "\n",
@@ -82,6 +90,14 @@
     "    ],\n",
     ")"
    ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "05a0e681-899e-4a89-bf86-db55cdbef608",
+   "metadata": {},
+   "outputs": [],
+   "source": []
   }
  ],
  "metadata": {
diff --git a/examples/data-filter-extension.ipynb b/examples/data-filter-extension.ipynb
@@ -93,6 +93,7 @@
     "import shapely\n",
     "from ipywidgets import FloatRangeSlider, jsdlink\n",
     "from palettable.colorbrewer.diverging import BrBG_10\n",
+    "from sidecar import Sidecar\n",
     "\n",
     "from lonboard import Map, ScatterplotLayer\n",
     "from lonboard.colormap import apply_continuous_cmap\n",
@@ -228,6 +229,15 @@
     "Next we create a `ScatterplotLayer` with our desired attributes. Keep in mind that you must pass the `DataFilterExtension` instance to the `extensions` parameter in order to activate its functionality on the layer.\n"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "sidecar = Sidecar(anchor=\"split-right\")"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": null,
@@ -245,7 +255,8 @@
     "    radius_min_pixels=0.1,\n",
     ")\n",
     "m = Map(layer)\n",
-    "m"
+    "with sidecar:\n",
+    "    display(m)"
    ]
   },
   {
@@ -285,6 +296,10 @@
     "    description=\"Latency: \",\n",
     ")\n",
     "multi_slider = MultiRangeSlider([download_slider, upload_slider, latency_slider])\n",
+    "\n",
+    "# Important: call jsdlink to link the widgets\n",
+    "jsdlink((multi_slider, \"value\"), (layer, \"filter_range\"))\n",
+    "\n",
     "multi_slider"
    ]
   },
@@ -300,9 +315,7 @@
    "execution_count": null,
    "metadata": {},
    "outputs": [],
-   "source": [
-    "_ = jsdlink((multi_slider, \"value\"), (layer, \"filter_range\"))"
-   ]
+   "source": []
   },
   {
    "cell_type": "code",
diff --git a/examples/duckdb.ipynb b/examples/duckdb.ipynb
@@ -78,7 +78,7 @@
    "source": [
     "import duckdb\n",
     "\n",
-    "from lonboard import Map, ScatterplotLayer"
+    "from lonboard import HeatmapLayer, Map"
    ]
   },
   {
@@ -149,7 +149,9 @@
    "cell_type": "code",
    "execution_count": null,
    "id": "732bbfd3-b3da-4a38-a539-7a96200b5533",
-   "metadata": {},
+   "metadata": {
+    "scrolled": true
+   },
    "outputs": [],
    "source": [
     "con.table(\"rides\")"
@@ -170,7 +172,7 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "layer = ScatterplotLayer.from_duckdb(con.table(\"rides\"), con)"
+    "layer = HeatmapLayer.from_duckdb(con.table(\"rides\"), con)"
    ]
   },
   {
@@ -180,7 +182,7 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "m = Map(layer)\n",
+    "m = Map(layer, height=700)\n",
     "m"
    ]
   },
@@ -218,7 +220,7 @@
     "```\n",
     "\n",
     "Note that the heatmap around airports such as LaGuardia is now darker. There are fewer total rides dropping off at the airport, but each one is expensive!\n",
-    "-->"
+    "-->\n"
    ]
   }
  ],
diff --git a/examples/internet-speeds.ipynb b/examples/internet-speeds.ipynb
@@ -210,7 +210,7 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "sidecar = Sidecar()"
+    "sidecar = Sidecar(anchor=\"split-right\")"
    ]
   },
   {
diff --git a/examples/kontur_pop.ipynb b/examples/kontur_pop.ipynb

Original file line number	Diff line number	Diff line change
`@@ -210,7 +210,7 @@`
`210`	`210`	`"metadata": {},`
`211`	`211`	`"outputs": [],`
`212`	`212`	`"source": [`
`213`		`- "sidecar = Sidecar()"`
	`213`	`+ "sidecar = Sidecar(anchor=\"split-right\")"`
`214`	`214`	`]`
`215`	`215`	`},`
`216`	`216`	`{`