2d:null 2e:["$","title",null,{"children":"Redditi Italia | Opendatabassaromagna | Observable"}] 33:Tb60,viewof map = { // Crea un contenitore DOM per la mappa const div = DOM.element("div", { style: "height: 600px; width: 100%;" }); // Carica Leaflet CSS const leafletCSS = document.createElement("link"); leafletCSS.rel = "stylesheet"; leafletCSS.href = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"; document.head.appendChild(leafletCSS); // Importa Leaflet JS await import("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"); // Crea la mappa centrata sull’Italia const map = L.map(div).setView([41.9, 12.5], 6); L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { maxZoom: 18, attribution: "© OpenStreetMap contributors" }).addTo(map); // Carica il GeoJSON da allegato Observable const data = await FileAttachment("reddiri2012Comuniwgs84-min.json").json(); // <-- sostituisci nomefile.geojson con il tuo nome file // Funzione per assegnare colori in base al reddito medio function getColor(v) { return v > 40000 ? "#006837" : // verde scuro (redditi alti) v > 35000 ? "#31A354" : // verde medio v > 30000 ? "#78C679" : // verde chiaro v > 25000 ? "#C2E699" : // giallo-verde v > 20000 ? "#FFFF99" : // giallo v > 15000 ? "#FDBE85" : // arancio chiaro v > 10000 ? "#FD8D3C" : // arancio "#E31A1C"; // rosso (redditi bassi) } // Stile delle aree function style(feature) { return { fillColor: getColor(feature.properties.reddito_medio), weight: 1, opacity: 1, color: "white", dashArray: "3", fillOpacity: 0.7 }; } // Aggiungi il layer GeoJSON const geojsonLayer = L.geoJSON(data, { style, onEachFeature: (feature, layer) => { const props = feature.properties; const prov = feature.properties["Sigla Provincia"]; const label = ` ${"Comune: " + props.NOME}
${"Provincia: " + prov}
Reddito medio: ${props.reddito_medio?.toLocaleString("it-IT")} € `; layer.bindPopup(label); } }).addTo(map); // Crea la legenda const legend = L.control({ position: "bottomright" }); legend.onAdd = function () { const div = L.DomUtil.create("div", "info legend"); const grades = [0, 10000, 15000, 20000, 25000, 30000, 35000, 40000]; let labels = []; for (let i = 0; i < grades.length; i++) { div.innerHTML += ' ' + grades[i].toLocaleString("it-IT") + (grades[i + 1] ? "–" + grades[i + 1].toLocaleString("it-IT") + "
" : "+"); } div.style.background = "white"; div.style.padding = "6px"; div.style.font = "12px/1.4 Arial, sans-serif"; div.style.borderRadius = "6px"; div.style.boxShadow = "0 0 5px rgba(0,0,0,0.2)"; return div; }; legend.addTo(map); return div; } 34:[{"id":"9decb84d670338f81f2bac29fa1ad1a3efb6f18f3ed956ef5650e4531540b5ad5197af36533f3571e25611e119e07c535d34f381afb41c92e809e462759da061","href":"https://static.observableusercontent.com/files/9decb84d670338f81f2bac29fa1ad1a3efb6f18f3ed956ef5650e4531540b5ad5197af36533f3571e25611e119e07c535d34f381afb41c92e809e462759da061","name":"reddiri2012Comuniwgs84-min.json","type":"application/json","lastModified":1759910273536.814,"size":10082508}] 31:{"id":"a2c9f7e4acb80909","slug":"redditi-italia","title":"Redditi Italia","thumbnail":"2c8c6b37e4677dd06366232b10b10dec371a9cc6eab7672e5db95b140be94052","access_level":"unlisted","create_time":"$D2025-10-08T07:42:54.994Z","update_time":"$D2025-10-14T13:05:32.131Z","view_time":null,"first_public_time":"$D2025-10-14T12:35:57.818Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"148893f2599e7c47","login":"opendatabassaromagna","name":"Opendatabassaromagna","avatar_url":"https://avatars-next.observableusercontent.com/ff4cf82376fa2bf25d655ec70ff6fc58736f4b34497427e1aa112c0417c3805f","tier":"starter_2024"},"version":24,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"840c8ce7dbf6335f","login":"franco-morelli","name":"Franco Morelli","avatar_url":"https://avatars-next.observableusercontent.com/96e00dcb5095f46aa8ea8bfc9c3879a925b647059c7530a604f818bcdf88c273","tier":null}],"members":[{"type":"individual","id":"840c8ce7dbf6335f","login":"franco-morelli","name":"Franco Morelli","avatar_url":"https://avatars-next.observableusercontent.com/96e00dcb5095f46aa8ea8bfc9c3879a925b647059c7530a604f818bcdf88c273","tier":null,"role":"editor"},{"type":"team","id":"148893f2599e7c47","login":"opendatabassaromagna","name":"Opendatabassaromagna","avatar_url":"https://avatars-next.observableusercontent.com/ff4cf82376fa2bf25d655ec70ff6fc58736f4b34497427e1aa112c0417c3805f","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Redditi Italia","cells":[{"id":0,"value":"# Redditi Italia ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"reddiri2012comuniwgs84Min = FileAttachment(\"reddiri2012Comuniwgs84-min.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"