latest

Author: DOSull

labs/deck/deck.zip

@@ -25,14 +25,20 @@
     "Then you'll need to make a new environment. These instructions are from [here](https://pydeck.gl/installation.html). \n",
     "\n",
     "+ Open the **Anaconda console** and make a new environment as follows:\n",
-    "      conda create -n deck -c conda-forge pydeck jupyter\n",
+    "    \n",
+    "    `conda create -n deck -c conda-forge pydeck jupyter`\n",
+    "\n",
     "+ Next start the environment:\n",
-    "      conda activate deck\n",
+    "\n",
+    "    `conda activate deck`\n",
+    "\n",
     "+ Then issue these two commands:\n",
-    "      jupyter nbextension install --sys-prefix --symlink --overwrite --py pydeck\n",
-    "      jupyter nbextension enable --sys-prefix --py pydeck\n",
     "\n",
-    "That's it. You should be able to start a notebook as usual, this time in the `deck` environment, and the code below should work."
+    "    `jupyter nbextension install --sys-prefix --symlink --overwrite --py pydeck`\n",
+    "    \n",
+    "    `jupyter nbextension enable --sys-prefix --py pydeck`\n",
+    "\n",
+    "That's it. You should be able to start a notebook as usual, this time in the `deck` environment, and the code below should work. Note that the example may not work in VSCode---I think due to security settings of the HTML viewer (it's not insecure... all the data are local, it's some setting associated with 'cross-origin' resources)."
    ]
   },
   {
@@ -55,7 +61,8 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "import pydeck"
+    "import pydeck\n",
+    "import string"
    ]
   },
   {
@@ -82,6 +89,7 @@
    "outputs": [],
    "source": [
     "DATA_URL = \"tnames.json\"\n",
+    "chars = string.ascii_letters + \"āēīōūĀĒŌĪŪ1234567890/ \"\n",
     "\n",
     "INITIAL_VIEW_STATE = pydeck.ViewState(\n",
     "    latitude = -41,\n",
@@ -97,14 +105,13 @@
     "    DATA_URL,\n",
     "    opacity = 0.65,\n",
     "    get_text = \"name\",\n",
-    "    size_units = \"meter\",\n",
+    "    size_units = \"meters\",\n",
     "    get_size = 1000,\n",
     "    size_max_pixels = 32,\n",
     "    get_position = [\"lng\", \"lat\"],\n",
-    "    get_color = 'reo > 0 ? [153, 0, 0] : [0, 0, 153]',\n",
+    "    get_color = 'reo > 0 ? [204, 0, 0] : [0, 0, 204]',\n",
     "    billboard = True,\n",
-    "    character_set = pydeck.types.String(\n",
-    "        \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZāēīōūĀĒŌĪŪ1234567890/ \"),\n",
+    "    character_set = pydeck.types.String(chars),\n",
     "    font_family = pydeck.types.String(\"Times, serif\"),\n",
     "    pickable = True\n",
     ")"
@@ -142,7 +149,7 @@
    "source": [
     "Because we are running this in a notebook we just get a locally viewable web page. If we run the code as a script we can also save to a web page.\n",
     "\n",
-    "I suggest experimenting with other options in the `pydeck.Layer()` constructor function. Also make sure to take a look at the generated HTML code (it's surprisingly simple, but it won't open in a browser again, because we generated it in a notebook).\n",
+    "I suggest experimenting with other options in the `pydeck.Layer()` constructor function. Also make sure to take a look at the generated HTML code (it's surprisingly simple, but it won't open in a browser, because we generated it in a notebook).\n",
     "\n",
     "Try visualising a different dataset, using a different deck layer format. For example, you can take a look at something simple like the California counties data from weeks ago, using the [GeoJsonLayer](https://deck.gl/docs/api-reference/layers/geojson-layer). You'll need to convert those files to GeoJSON format and also latitude-longitude format (EPSG code 4326)."
    ]
@@ -175,13 +182,16 @@
     "\n",
     "You can use [`kepler.gl`](https://kepler.gl/) to [make simple similar apps](https://southosullivan.com/misc/loi.html) without any code at all.\n",
     "\n",
-    "If you have to make a custom user interface, then there's no realy way to avoid... web development... and there aren't enough hours in the month to cover that in the context of this course. \n",
+    "If you have to make a custom user interface, then there's no real way to avoid... web development... and there aren't enough hours in the month to cover that in the context of this course. \n",
     "\n",
     "Suffice to say, web development is a field worth investing some time and energy in, especially if your interests lie in the direction of high interaction graphical applications."
    ]
   }
  ],
  "metadata": {
+  "interpreter": {
+   "hash": "ebc44b48f8bab08f577aeb2e1dce152bdc30f81c7b302646e686ad24258b8930"
+  },
   "kernelspec": {
    "display_name": "Python 3 (ipykernel)",
    "language": "python",

labs/deck/tereo-name-pydeck-example.ipynb

@@ -502,8 +502,11 @@
   }
  ],
  "metadata": {
+  "interpreter": {
+   "hash": "b9476ba453617cf67dc901a6664618619892412b6f80972fafe3f677f6bd1d4c"
+  },
   "kernelspec": {
-   "display_name": "Python 3 (ipykernel)",
+   "display_name": "Python 3.9.7 ('g420')",
    "language": "python",
    "name": "python3"
   },