3e:null 3f:["$","title",null,{"children":"Mapping Practice | Fern Lazenby | Observable"}] 45:[{"id":"8b51e0565adf40cf1156f3b5841d6413c91fb106b00038b7296265486d5cfa58aebe370e8662c4863833f8242282a51848d41e9f2f47bd9edb2059a7b3d50bdf","href":"https://static.observableusercontent.com/files/8b51e0565adf40cf1156f3b5841d6413c91fb106b00038b7296265486d5cfa58aebe370e8662c4863833f8242282a51848d41e9f2f47bd9edb2059a7b3d50bdf","name":"cities (1).csv","type":"text/csv","lastModified":1669676103642.55,"size":523},{"id":"352d829c6e11347ffedb659bda0a2a88ebd1dd4b8b1cf34c044d9657119471a08243eec40b24e0cf7b827f679c7d14446ef82779a8db87e1d12b701e91b56840","href":"https://static.observableusercontent.com/files/352d829c6e11347ffedb659bda0a2a88ebd1dd4b8b1cf34c044d9657119471a08243eec40b24e0cf7b827f679c7d14446ef82779a8db87e1d12b701e91b56840","name":"paCitiesIncome.csv","type":"text/csv","lastModified":1670382251789.673,"size":2553}] 43:{"id":"15593d57ca2f6b51","slug":null,"title":"Mapping Practice","thumbnail":"594c75e89b1b5877ac607ccffd654dfb6475f57ac61743b5730156d2b4cc2143","access_level":"public","create_time":"$D2022-11-28T22:55:03.642Z","update_time":"$D2022-12-07T03:09:12.763Z","view_time":null,"first_public_time":"$D2022-11-28T22:55:03.642Z","has_unpublished_edits":null,"fork":{"id":"6ba52d0bbc990ddf","slug":null,"title":"Mapping Practice","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"stars":0,"starred":false,"owner":{"type":"team","id":"d3f05fdc52d81df8","login":"fernlazenby","name":"Fern Lazenby","avatar_url":"https://avatars-next.observableusercontent.com/da82ca08ecda5910e3527851ed1ed3d28c64d5eff33168bcc627902d6ece0edf","tier":"starter_2024","bio":"","following":false},"version":143,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"ea08cc24544955dc","login":"fernlazenby","name":"Fern Lazenby","avatar_url":"https://avatars-next.observableusercontent.com/da82ca08ecda5910e3527851ed1ed3d28c64d5eff33168bcc627902d6ece0edf","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"ea08cc24544955dc","login":"fernlazenby","name":"Fern Lazenby","avatar_url":"https://avatars-next.observableusercontent.com/da82ca08ecda5910e3527851ed1ed3d28c64d5eff33168bcc627902d6ece0edf","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Mapping Practice","cells":[{"id":0,"value":"# Mapping Practice","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":103,"value":"{\n const container = html`

`\n yield container\n const map = L.map(container).setView([40.7934,-77.8600],7)\n const baseLayer = L.tileLayer(osMap,{attribution:osmAttr}).addTo(map)\n\n L.geoJSON(result,{\n pointToLayer: (feature,latlng) => {\n return L.circle(latlng,{\n radius: feature.properties.income/5,\n weight: 1,\n opacity: 1,\n fillOpacity: .6,\n color: \"black\",\n fillColor: \"white\"\n })\n }\n }).bindPopup(\n (Layer) => {\n const city = Layer.feature.properties.city\n const income = Layer.feature.properties.income\n const display = html`\n

city: ${city}

median income: ${income}

\n `\n return display\n }\n ).addTo(map)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"data = FileAttachment(\"paCitiesIncome.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"result = {\n const cities = []\n for(let i = 0;i < 56;i = i + 1){\n cities.push({\n type:\"Feature\",\n geometry:{\n type:\"Point\",\n coordinates:[parseFloat(data[i].lon),parseFloat(data[i].lat)]\n },\n properties:{\n city:data[i].city,\n income:data[i].income\n }\n })\n }\n return cities\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"osMap = \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"osmAttr = '© OpenStreetMap contributors'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"cartoLight = \"https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"cartoDark = \"https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}@2x.png\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"cartoAttr = '© CARTO'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W45","stdlib":"1"}} 44:"$43:body"