25:["$","title",null,{"children":"Student housing | Thanasis Troboukis | Observable"}] 49:T624,map2 = { const defaultCoords = [37.960, 23.7175]; // Default coordinates for Athens const baseZoom = 12.2; // Base zoom level // Check if geographySelect is 'all', use default coords, otherwise find matching area const latLong = geographySelect === 'all' ? defaultCoords : (() => { const Coords = airbnb.find(row => row.area === geographySelect); // Find the first matching row return Coords ? [Coords.lat, Coords.long] : defaultCoords; // Fallback to default if no match is found })(); // Determine the zoom level const defaultZoom = geographySelect === 'all' ? baseZoom : baseZoom + 1.2; // Create the container and initialize the map const container = yield htl.html`

`; const map = L.map(container).setView(latLong, defaultZoom); // Set the view using latLong and the calculated zoom level // Add the tile layer L.tileLayer("https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap contributors" }).addTo(map); // Add points for each house in the filtered data dynamicData.forEach(d => { L.circleMarker([d.latitude, d.longitude], { radius: 2, // Size of the point color: '#000000', // Border color of the circle fillColor: '#000000', // Fill color of the circle fillOpacity: 0.1, // Opacity of the fill weight: 1, opacity: 0.8 }).addTo(map); }); return container; // Return the container to display the map } 4a:T4ee,universitiesData = airbnb.map((d, index) => { const universitiesField = d.universities; if (!universitiesField || typeof universitiesField !== 'string' || universitiesField.trim() === '') { console.warn(`Entry at index ${index} has an invalid 'universities' field:`, universitiesField); return null; } try { const cleanedJSON = cleanJSONString(universitiesField); const universitiesArray = json5.parse(cleanedJSON); const validUniversities = universitiesArray.map((university, uniIndex) => { if (university && university.name && university.latitude && university.longitude) { return { name: university.name, latitude: parseFloat(university.latitude), longitude: parseFloat(university.longitude) }; } else { console.warn(`Invalid university data at index ${index}, university ${uniIndex}:`, university); return null; } }).filter(u => u !== null); return validUniversities.length > 0 ? validUniversities : null; } catch (error) { console.error(`Error parsing 'universities' at index ${index}:`, error.message); console.log('Problematic JSON string after cleaning:', cleanedJSON); return null; } }).filter(data => data !== null); 4b:[{"id":"c92f2d42d68eb73447e5fdf5821a2b63330688ed6cc510caf1aa7fda0e8a4b3645b4201cb06e4ae74e66f6eb50f48a16b781dcdedfe8ee900f5fe7cb9e254880","href":"https://static.observableusercontent.com/files/c92f2d42d68eb73447e5fdf5821a2b63330688ed6cc510caf1aa7fda0e8a4b3645b4201cb06e4ae74e66f6eb50f48a16b781dcdedfe8ee900f5fe7cb9e254880","name":"airbnb_students.csv","type":"text/csv","lastModified":1726061575305.87,"size":466606},{"id":"7e4e4e1bf0ba4bde47455d30802eaf7935c52d4e454615dbc70a59491b5053ecd0cae30d34346076c44094daf58786c3cafa2db1657a77a14bcb0dc69c263af3","href":"https://static.observableusercontent.com/files/7e4e4e1bf0ba4bde47455d30802eaf7935c52d4e454615dbc70a59491b5053ecd0cae30d34346076c44094daf58786c3cafa2db1657a77a14bcb0dc69c263af3","name":"airbnb_students@2.csv","type":"text/csv","lastModified":1726224921332.016,"size":7759930}] 29:{"id":"5e4c199d6c5b2bda","slug":null,"title":"Student housing","thumbnail":"1bce83aae027360c4c58432441c7c5581650870603d2122472bbaf3ffc814e18","access_level":"public","create_time":"$D2024-09-11T13:27:58.833Z","update_time":"$D2024-09-13T11:31:17.634Z","view_time":null,"first_public_time":"$D2024-09-11T13:32:25.993Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"b2febd8acb237f35","login":"troboukis","name":"Thanasis Troboukis","avatar_url":"https://avatars-next.observableusercontent.com/ce7d4f7056408266063c04a58b3fe7393c7ed5844e2649b4f937af7f10208ea9","tier":"starter_2024","bio":"Journalist ","followed_by_you":false,"follows_you":false},"version":220,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"87563a0ca6384b73","login":"troboukis","name":"Thanasis Troboukis","avatar_url":"https://avatars-next.observableusercontent.com/ce7d4f7056408266063c04a58b3fe7393c7ed5844e2649b4f937af7f10208ea9","tier":null,"bio":"Journalist ","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"87563a0ca6384b73","login":"troboukis","name":"Thanasis Troboukis","avatar_url":"https://avatars-next.observableusercontent.com/ce7d4f7056408266063c04a58b3fe7393c7ed5844e2649b4f937af7f10208ea9","tier":null,"role":"editor"},{"type":"team","id":"b2febd8acb237f35","login":"troboukis","name":"Thanasis Troboukis","avatar_url":"https://avatars-next.observableusercontent.com/ce7d4f7056408266063c04a58b3fe7393c7ed5844e2649b4f937af7f10208ea9","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Student housing","cells":[{"id":0,"value":"# Student housing","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"airbnb = airbnb_students2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"airbnb_students2 = await FileAttachment(\"airbnb_students@2.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"airbnb_students2","database":"$undefined"},{"id":178,"value":"selectedAreaData = geographySelect === 'all' ? airbnb : airbnb.filter(d => d.area === geographySelect)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"viewof geographySelect = {\n // Create a dropdown for selecting geography\n const select = htl.html``;\n return select;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"selectedAreaMinPrice = Math.min(...selectedAreaData.map(d => d.price))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"selectedAreaMaxPrice = Math.max(...selectedAreaData.map(d => d.price))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"dynamicData = selectedAreaData.filter(d => d.price <= priceRange)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"viewof priceRange = Inputs.range([selectedAreaMinPrice, selectedAreaMaxPrice+1], {\n step: 1,\n value: (selectedAreaMinPrice + selectedAreaMaxPrice) / 2, // Set default value to midpoint\n label: \"Τιμή ενοικίου\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"json5 = require('json5@2')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 24:null