31:T412,md`About ${Math.round( percentOfSacramentoIshTakenByParking )}% of all the land in the city center is allocated to parking lots, based on data from [OpenStreetMap](openstreetmap.org/). That does not include street parking. The ${ features.features.length } lots are on the map below. Please be aware that it is likely that not all of the parking lots in the physical world are recorded in OpenStreetMap. There are ${onStreet.features.length.toLocaleString( "en-US" )} on-street parking spots in Sacramento. Assuming the average spot is ${ spotDimensions.width } ft wide and ${spotDimensions.length} ft long, that comes out to ${Math.round( areaEstimateOfOnStreetParking ).toLocaleString("en-US")} square meters or ${Math.round( percentOfOnStreetParking )}% of the land in the city center. `32:[{"id":"86312bd8ad674f66e5a140a55ef28ba3c78b3ed7b867f3eb60681bfdbc22b0471192bee2a76057ee1a77d7fcd390370f8aa837cfaaf4b30b381de9026ec47635","href":"https://static.observableusercontent.com/files/86312bd8ad674f66e5a140a55ef28ba3c78b3ed7b867f3eb60681bfdbc22b0471192bee2a76057ee1a77d7fcd390370f8aa837cfaaf4b30b381de9026ec47635","name":"ONSTREETPARKING(1).csv","type":"text/csv","lastModified":1681107980843.267,"size":9372687}] 2f:{"title":"How much space do parking lots take up in downtown Sacramento?","cells":[{"id":0,"value":"# How much space do parking lots take up in downtown Sacramento?","pinned":false,"hidden":false,"mode":"md"},{"id":139,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":109,"value":"container = {\n const container = html`

`;\n yield container;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":170,"value":"viewof parkingColor = Inputs.color({\n label: \"Parking lot color\",\n value: \"#008e00\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"viewof onStreetColor = Inputs.color({\n label: \"On-street parking color\",\n value: \"#72fa78\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":116,"value":"map = {\n const map = L.map(container, {\n minZoom: 13.5,\n maxZoom: 16\n }).setView([38.57487694850724, -121.47891444965329], 13.5);\n L.tileLayer(\n \"https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}{r}.png\",\n {\n attribution: `Map tiles by Stamen Design, CC BY 3.0 — Map data © OpenStreetMap contributors`,\n subdomains: \"abcd\"\n }\n ).addTo(map);\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"addedToMap = {\n L.geoJSON(features, {\n style: function (feature) {\n return {\n color: parkingColor,\n fillColor: parkingColor,\n fillOpacity: 0.65,\n weight: 0.2\n };\n }\n }).addTo(map);\n\n onStreet.features.forEach((feature) => {\n const { coordinates } = feature.geometry;\n L.circle([coordinates[1], coordinates[0]], {\n stroke: false,\n fillColor: onStreetColor,\n radius: 0.5\n }).addTo(map);\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":229,"value":"percentOfOnStreetParking = (areaEstimateOfOnStreetParking /\n totalSacramentoIshSquareMeters) *\n 100","pinned":false,"hidden":false,"mode":"ojs"},{"id":216,"value":"areaEstimateOfOnStreetParking = {\n const spotArea = spotDimensions.width * spotDimensions.length;\n const squareFeet = spotArea * onStreet.features.length;\n const squareMeters = squareFeet / 10.76;\n\n return squareMeters;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":219,"value":"spotDimensions = {\n return {\n width: 8.5,\n length: 18\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":189,"value":"onStreet = {\n const features = onstreetparking1.map((row) => {\n const feature = {\n type: \"Feature\",\n properties: {\n GISOBJID: row.GISOBJID\n },\n geometry: {\n coordinates: [row.X, row.Y],\n type: \"Point\"\n }\n };\n return feature;\n });\n return {\n type: \"FeatureCollection\",\n features\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":187,"value":"onstreetparking1 = await FileAttachment(\"ONSTREETPARKING(1).csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"percentOfSacramentoIshTakenByParking = (totalParkingSquareMeters /\n totalSacramentoIshSquareMeters) *\n 100","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"totalParkingSquareMeters = d3.sum(features.features, (d) => d.properties.area)","pinned":false,"hidden":false,"mode":"ojs"},{"id":73,"value":"totalSacramentoIshSquareMeters = turf.area(downtownSacramentoIsh)","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"features = {\n const features = featuresFromAPI.features\n .filter((feature) => {\n const isPoint = feature.geometry.type === \"Point\";\n if (isPoint) return false;\n\n const isContained = turf.booleanContains(\n downtownSacramentoIsh.features[0],\n feature\n );\n return isContained;\n })\n .map((feature) => {\n feature.properties.area = turf.area(feature);\n return feature;\n });\n return {\n type: \"FeatureCollection\",\n features\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"featuresFromAPI = queryOverpassGeoJSON(query)","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"query = `[out:json][timeout:25];\n(\n node[\"amenity\"=\"parking\"](38.55564967803728,-121.5138530731201,38.598560018585324,-121.44222736358641);\n way[\"amenity\"=\"parking\"](38.55564967803728,-121.5138530731201,38.598560018585324,-121.44222736358641);\n relation[\"amenity\"=\"parking\"](38.55564967803728,-121.5138530731201,38.598560018585324,-121.44222736358641);\n);\n// print results\nout body;\n>;\nout geom;`","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"downtownSacramentoIsh = {\n return {\n type: \"FeatureCollection\",\n features: [\n {\n type: \"Feature\",\n properties: {},\n geometry: {\n coordinates: [\n [\n [-121.47346404596706, 38.55829313914049],\n [-121.46321551029376, 38.58216449112982],\n [-121.47634644662526, 38.585585958018896],\n [-121.476666713365, 38.58441767057943],\n [-121.48157747004177, 38.585836302854545],\n [-121.48112662813486, 38.58679609487103],\n [-121.48848615634633, 38.58872616861453],\n [-121.49462825348157, 38.58785437472082],\n [-121.49883466532178, 38.586037738025],\n [-121.50517045320667, 38.58550250954664],\n [-121.51178929916225, 38.56831005675039],\n [-121.47346404596706, 38.55829313914049]\n ]\n ],\n type: \"Polygon\"\n }\n }\n ]\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"import { queryOverpassGeoJSON } from \"@lresh1/osm-overpass-api\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"turf = require(\"@turf/turf\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":106,"value":"L = {\n const L = await require(\"leaflet@1/dist/leaflet.js\");\n if (!L._style) {\n const href = await require.resolve(\"leaflet@1/dist/leaflet.css\");\n document.head.appendChild(\n (L._style = html``)\n );\n }\n return L;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}