reknitting

code/2-choropleth.R

@@ -98,7 +98,7 @@ time_periods <-
 
 # ==== get geo data ==== #
 
-# The `topojson_read` function from `geojsonio` returns an `sf`-classed object with a `geometry` column. This is what leaflet is going to use to create the choropleth.
+# The `read_sf` function from `sf` returns an `sf`-classed object with a `geometry` column. This is what leaflet is going to use to create the choropleth.
 
 nta_2020 <- read_sf(paste0(base_url, "geography/NTA_2020.topo.json"), crs = 4326)
 

code/2-choropleth.Rmd

@@ -118,7 +118,7 @@ nta_2020 <- read_sf(paste0(base_url, "geography/NTA_2020.topo.json"), crs = 4326
 
 ```
 
-The `topojson_read` function from `geojsonio` returns an `sf`-classed object with a `geometry` column. This is what leaflet is going to use to create the choropleth.
+The `read_sf` function from `sf` returns an `sf`-classed object with a `geometry` column. This is what leaflet is going to use to create the choropleth.
 
 ## Join the data and metadata
 

code/3-raster.Rmd

@@ -154,7 +154,7 @@ nyccas_map <-
     # zIndex = -1000 makes sure that the tiles are always the lowest layer
     
     addProviderTiles(
-        # provider = providers$Stadia.AlidadeSmoothDark, 
+        # provider = providers$Stadia.AlidadeSmoothDark,
         # provider = providers$CartoDB.DarkMatter, 
         provider = providers$Jawg.Matrix, 
         options = providerTileOptions(zIndex = -1000, accessToken = jawg_token),

docs/1-basic.html

@@ -5800,14 +5800,14 @@ <h1>Very simple</h1>
 <p>This is all you need to create a leaflet map:</p>
 <div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><span id="cb2-1"><a href="#cb2-1" tabindex="-1"></a>useless_map <span class="ot">&lt;-</span> <span class="fu">leaflet</span>() <span class="sc">%&gt;%</span> <span class="fu">addTiles</span>()</span>
 <span id="cb2-2"><a href="#cb2-2" tabindex="-1"></a>useless_map</span></code></pre></div>
-<div class="leaflet html-widget html-fill-item" id="htmlwidget-881f9ac1007f7d1efddd" style="width:672px;height:480px;"></div>
-<script type="application/json" data-for="htmlwidget-881f9ac1007f7d1efddd">{"x":{"options":{"crs":{"crsClass":"L.CRS.EPSG3857","code":null,"proj4def":null,"projectedBounds":null,"options":{}}},"calls":[{"method":"addTiles","args":["https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",null,null,{"minZoom":0,"maxZoom":18,"tileSize":256,"subdomains":"abc","errorTileUrl":"","tms":false,"noWrap":false,"zoomOffset":0,"zoomReverse":false,"opacity":1,"zIndex":1,"detectRetina":false,"attribution":"&copy; <a href=\"https://openstreetmap.org/copyright/\">OpenStreetMap<\/a>,  <a href=\"https://opendatacommons.org/licenses/odbl/\">ODbL<\/a>"}]}]},"evals":[],"jsHooks":[]}</script>
+<div class="leaflet html-widget html-fill-item" id="htmlwidget-cf686588074625e85059" style="width:672px;height:480px;"></div>
+<script type="application/json" data-for="htmlwidget-cf686588074625e85059">{"x":{"options":{"crs":{"crsClass":"L.CRS.EPSG3857","code":null,"proj4def":null,"projectedBounds":null,"options":{}}},"calls":[{"method":"addTiles","args":["https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",null,null,{"minZoom":0,"maxZoom":18,"tileSize":256,"subdomains":"abc","errorTileUrl":"","tms":false,"noWrap":false,"zoomOffset":0,"zoomReverse":false,"opacity":1,"zIndex":1,"detectRetina":false,"attribution":"&copy; <a href=\"https://openstreetmap.org/copyright/\">OpenStreetMap<\/a>,  <a href=\"https://opendatacommons.org/licenses/odbl/\">ODbL<\/a>"}]}]},"evals":[],"jsHooks":[]}</script>
 <p>It’s not very useful, but it’s nice that it works out of the box.
 Let’s set the initial view so we can see something:</p>
 <div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><span id="cb3-1"><a href="#cb3-1" tabindex="-1"></a>sheep_meadow <span class="ot">&lt;-</span> useless_map <span class="sc">%&gt;%</span> <span class="fu">setView</span>(<span class="at">lng =</span> <span class="sc">-</span><span class="fl">73.975</span>, <span class="at">lat =</span> <span class="fl">40.772</span>, <span class="at">zoom =</span> <span class="dv">15</span>)</span>
 <span id="cb3-2"><a href="#cb3-2" tabindex="-1"></a>sheep_meadow</span></code></pre></div>
-<div class="leaflet html-widget html-fill-item" id="htmlwidget-8f819e420c29b8d20a2d" style="width:672px;height:480px;"></div>
-<script type="application/json" data-for="htmlwidget-8f819e420c29b8d20a2d">{"x":{"options":{"crs":{"crsClass":"L.CRS.EPSG3857","code":null,"proj4def":null,"projectedBounds":null,"options":{}}},"calls":[{"method":"addTiles","args":["https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",null,null,{"minZoom":0,"maxZoom":18,"tileSize":256,"subdomains":"abc","errorTileUrl":"","tms":false,"noWrap":false,"zoomOffset":0,"zoomReverse":false,"opacity":1,"zIndex":1,"detectRetina":false,"attribution":"&copy; <a href=\"https://openstreetmap.org/copyright/\">OpenStreetMap<\/a>,  <a href=\"https://opendatacommons.org/licenses/odbl/\">ODbL<\/a>"}]}],"setView":[[40.772,-73.975],15,[]]},"evals":[],"jsHooks":[]}</script>
+<div class="leaflet html-widget html-fill-item" id="htmlwidget-cd35e874833167ae7bfb" style="width:672px;height:480px;"></div>
+<script type="application/json" data-for="htmlwidget-cd35e874833167ae7bfb">{"x":{"options":{"crs":{"crsClass":"L.CRS.EPSG3857","code":null,"proj4def":null,"projectedBounds":null,"options":{}}},"calls":[{"method":"addTiles","args":["https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",null,null,{"minZoom":0,"maxZoom":18,"tileSize":256,"subdomains":"abc","errorTileUrl":"","tms":false,"noWrap":false,"zoomOffset":0,"zoomReverse":false,"opacity":1,"zIndex":1,"detectRetina":false,"attribution":"&copy; <a href=\"https://openstreetmap.org/copyright/\">OpenStreetMap<\/a>,  <a href=\"https://opendatacommons.org/licenses/odbl/\">ODbL<\/a>"}]}],"setView":[[40.772,-73.975],15,[]]},"evals":[],"jsHooks":[]}</script>
 <p>It still only has a tile layer. Let’s add a marker with a popup.</p>
 <div class="sourceCode" id="cb4"><pre class="sourceCode r"><code class="sourceCode r"><span id="cb4-1"><a href="#cb4-1" tabindex="-1"></a>sheep_meadow_marker <span class="ot">&lt;-</span> </span>
 <span id="cb4-2"><a href="#cb4-2" tabindex="-1"></a>    sheep_meadow <span class="sc">%&gt;%</span> </span>
@@ -5819,8 +5819,8 @@ <h1>Very simple</h1>
 <span id="cb4-8"><a href="#cb4-8" tabindex="-1"></a>    )</span>
 <span id="cb4-9"><a href="#cb4-9" tabindex="-1"></a></span>
 <span id="cb4-10"><a href="#cb4-10" tabindex="-1"></a>sheep_meadow_marker</span></code></pre></div>
-<div class="leaflet html-widget html-fill-item" id="htmlwidget-29d1748b672fe24c1eb7" style="width:672px;height:480px;"></div>
-<script type="application/json" data-for="htmlwidget-29d1748b672fe24c1eb7">{"x":{"options":{"crs":{"crsClass":"L.CRS.EPSG3857","code":null,"proj4def":null,"projectedBounds":null,"options":{}}},"calls":[{"method":"addTiles","args":["https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",null,null,{"minZoom":0,"maxZoom":18,"tileSize":256,"subdomains":"abc","errorTileUrl":"","tms":false,"noWrap":false,"zoomOffset":0,"zoomReverse":false,"opacity":1,"zIndex":1,"detectRetina":false,"attribution":"&copy; <a href=\"https://openstreetmap.org/copyright/\">OpenStreetMap<\/a>,  <a href=\"https://opendatacommons.org/licenses/odbl/\">ODbL<\/a>"}]},{"method":"addMarkers","args":[40.772,-73.975,null,null,null,{"interactive":true,"draggable":false,"keyboard":true,"title":"","alt":"","zIndexOffset":0,"opacity":1,"riseOnHover":false,"riseOffset":250},"It's a nice place to hang out",null,null,null,"This is the Sheep Meadow",{"interactive":false,"permanent":false,"direction":"auto","opacity":1,"offset":[0,0],"textsize":"10px","textOnly":false,"className":"","sticky":true},null]}],"setView":[[40.772,-73.975],15,[]],"limits":{"lat":[40.772,40.772],"lng":[-73.975,-73.975]}},"evals":[],"jsHooks":[]}</script>
+<div class="leaflet html-widget html-fill-item" id="htmlwidget-7f2645bd5839834d3aef" style="width:672px;height:480px;"></div>
+<script type="application/json" data-for="htmlwidget-7f2645bd5839834d3aef">{"x":{"options":{"crs":{"crsClass":"L.CRS.EPSG3857","code":null,"proj4def":null,"projectedBounds":null,"options":{}}},"calls":[{"method":"addTiles","args":["https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",null,null,{"minZoom":0,"maxZoom":18,"tileSize":256,"subdomains":"abc","errorTileUrl":"","tms":false,"noWrap":false,"zoomOffset":0,"zoomReverse":false,"opacity":1,"zIndex":1,"detectRetina":false,"attribution":"&copy; <a href=\"https://openstreetmap.org/copyright/\">OpenStreetMap<\/a>,  <a href=\"https://opendatacommons.org/licenses/odbl/\">ODbL<\/a>"}]},{"method":"addMarkers","args":[40.772,-73.975,null,null,null,{"interactive":true,"draggable":false,"keyboard":true,"title":"","alt":"","zIndexOffset":0,"opacity":1,"riseOnHover":false,"riseOffset":250},"It's a nice place to hang out",null,null,null,"This is the Sheep Meadow",{"interactive":false,"permanent":false,"direction":"auto","opacity":1,"offset":[0,0],"textsize":"10px","textOnly":false,"className":"","sticky":true},null]}],"setView":[[40.772,-73.975],15,[]],"limits":{"lat":[40.772,40.772],"lng":[-73.975,-73.975]}},"evals":[],"jsHooks":[]}</script>
 </div>
 <div id="save-the-map" class="section level1">
 <h1>Save the map</h1>

docs/1-basic_map_non-self-contained.html

@@ -16,9 +16,9 @@
 </head>
 <body>
 <div id="htmlwidget_container">
-  <div class="leaflet html-widget html-fill-item" id="htmlwidget-31154c3ab4da7b34506a" style="width:100%;height:400px;"></div>
+  <div class="leaflet html-widget html-fill-item" id="htmlwidget-dd9166cf57cdc38d1469" style="width:100%;height:400px;"></div>
 </div>
-<script type="application/json" data-for="htmlwidget-31154c3ab4da7b34506a">{"x":{"options":{"crs":{"crsClass":"L.CRS.EPSG3857","code":null,"proj4def":null,"projectedBounds":null,"options":{}}},"calls":[{"method":"addTiles","args":["https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",null,null,{"minZoom":0,"maxZoom":18,"tileSize":256,"subdomains":"abc","errorTileUrl":"","tms":false,"noWrap":false,"zoomOffset":0,"zoomReverse":false,"opacity":1,"zIndex":1,"detectRetina":false,"attribution":"&copy; <a href=\"https://openstreetmap.org/copyright/\">OpenStreetMap<\/a>,  <a href=\"https://opendatacommons.org/licenses/odbl/\">ODbL<\/a>"}]},{"method":"addMarkers","args":[40.772,-73.975,null,null,null,{"interactive":true,"draggable":false,"keyboard":true,"title":"","alt":"","zIndexOffset":0,"opacity":1,"riseOnHover":false,"riseOffset":250},"It's a nice place to hang out",null,null,null,"This is the Sheep Meadow",{"interactive":false,"permanent":false,"direction":"auto","opacity":1,"offset":[0,0],"textsize":"10px","textOnly":false,"className":"","sticky":true},null]}],"setView":[[40.772,-73.975],15,[]],"limits":{"lat":[40.772,40.772],"lng":[-73.975,-73.975]}},"evals":[],"jsHooks":[]}</script>
-<script type="application/htmlwidget-sizing" data-for="htmlwidget-31154c3ab4da7b34506a">{"viewer":{"width":"100%","height":400,"padding":0,"fill":true},"browser":{"width":"100%","height":400,"padding":0,"fill":true}}</script>
+<script type="application/json" data-for="htmlwidget-dd9166cf57cdc38d1469">{"x":{"options":{"crs":{"crsClass":"L.CRS.EPSG3857","code":null,"proj4def":null,"projectedBounds":null,"options":{}}},"calls":[{"method":"addTiles","args":["https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",null,null,{"minZoom":0,"maxZoom":18,"tileSize":256,"subdomains":"abc","errorTileUrl":"","tms":false,"noWrap":false,"zoomOffset":0,"zoomReverse":false,"opacity":1,"zIndex":1,"detectRetina":false,"attribution":"&copy; <a href=\"https://openstreetmap.org/copyright/\">OpenStreetMap<\/a>,  <a href=\"https://opendatacommons.org/licenses/odbl/\">ODbL<\/a>"}]},{"method":"addMarkers","args":[40.772,-73.975,null,null,null,{"interactive":true,"draggable":false,"keyboard":true,"title":"","alt":"","zIndexOffset":0,"opacity":1,"riseOnHover":false,"riseOffset":250},"It's a nice place to hang out",null,null,null,"This is the Sheep Meadow",{"interactive":false,"permanent":false,"direction":"auto","opacity":1,"offset":[0,0],"textsize":"10px","textOnly":false,"className":"","sticky":true},null]}],"setView":[[40.772,-73.975],15,[]],"limits":{"lat":[40.772,40.772],"lng":[-73.975,-73.975]}},"evals":[],"jsHooks":[]}</script>
+<script type="application/htmlwidget-sizing" data-for="htmlwidget-dd9166cf57cdc38d1469">{"viewer":{"width":"100%","height":400,"padding":0,"fill":true},"browser":{"width":"100%","height":400,"padding":0,"fill":true}}</script>
 </body>
 </html>

docs/1-basic_map_self-contained.html

@@ -4053,9 +4053,9 @@
 </head>
 <body style="background-color: white;">
 <div id="htmlwidget_container">
-  <div class="leaflet html-widget html-fill-item" id="htmlwidget-a8aa08d52f399c9ae7a2" style="width:100%;height:400px;"></div>
+  <div class="leaflet html-widget html-fill-item" id="htmlwidget-20bd54afac693e4b0902" style="width:100%;height:400px;"></div>
 </div>
-<script type="application/json" data-for="htmlwidget-a8aa08d52f399c9ae7a2">{"x":{"options":{"crs":{"crsClass":"L.CRS.EPSG3857","code":null,"proj4def":null,"projectedBounds":null,"options":{}}},"calls":[{"method":"addTiles","args":["https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",null,null,{"minZoom":0,"maxZoom":18,"tileSize":256,"subdomains":"abc","errorTileUrl":"","tms":false,"noWrap":false,"zoomOffset":0,"zoomReverse":false,"opacity":1,"zIndex":1,"detectRetina":false,"attribution":"&copy; <a href=\"https://openstreetmap.org/copyright/\">OpenStreetMap<\/a>,  <a href=\"https://opendatacommons.org/licenses/odbl/\">ODbL<\/a>"}]},{"method":"addMarkers","args":[40.772,-73.975,null,null,null,{"interactive":true,"draggable":false,"keyboard":true,"title":"","alt":"","zIndexOffset":0,"opacity":1,"riseOnHover":false,"riseOffset":250},"It's a nice place to hang out",null,null,null,"This is the Sheep Meadow",{"interactive":false,"permanent":false,"direction":"auto","opacity":1,"offset":[0,0],"textsize":"10px","textOnly":false,"className":"","sticky":true},null]}],"setView":[[40.772,-73.975],15,[]],"limits":{"lat":[40.772,40.772],"lng":[-73.975,-73.975]}},"evals":[],"jsHooks":[]}</script>
-<script type="application/htmlwidget-sizing" data-for="htmlwidget-a8aa08d52f399c9ae7a2">{"viewer":{"width":"100%","height":400,"padding":0,"fill":true},"browser":{"width":"100%","height":400,"padding":0,"fill":true}}</script>
+<script type="application/json" data-for="htmlwidget-20bd54afac693e4b0902">{"x":{"options":{"crs":{"crsClass":"L.CRS.EPSG3857","code":null,"proj4def":null,"projectedBounds":null,"options":{}}},"calls":[{"method":"addTiles","args":["https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",null,null,{"minZoom":0,"maxZoom":18,"tileSize":256,"subdomains":"abc","errorTileUrl":"","tms":false,"noWrap":false,"zoomOffset":0,"zoomReverse":false,"opacity":1,"zIndex":1,"detectRetina":false,"attribution":"&copy; <a href=\"https://openstreetmap.org/copyright/\">OpenStreetMap<\/a>,  <a href=\"https://opendatacommons.org/licenses/odbl/\">ODbL<\/a>"}]},{"method":"addMarkers","args":[40.772,-73.975,null,null,null,{"interactive":true,"draggable":false,"keyboard":true,"title":"","alt":"","zIndexOffset":0,"opacity":1,"riseOnHover":false,"riseOffset":250},"It's a nice place to hang out",null,null,null,"This is the Sheep Meadow",{"interactive":false,"permanent":false,"direction":"auto","opacity":1,"offset":[0,0],"textsize":"10px","textOnly":false,"className":"","sticky":true},null]}],"setView":[[40.772,-73.975],15,[]],"limits":{"lat":[40.772,40.772],"lng":[-73.975,-73.975]}},"evals":[],"jsHooks":[]}</script>
+<script type="application/htmlwidget-sizing" data-for="htmlwidget-20bd54afac693e4b0902">{"viewer":{"width":"100%","height":400,"padding":0,"fill":true},"browser":{"width":"100%","height":400,"padding":0,"fill":true}}</script>
 </body>
 </html>