29:null 2a:["$","title",null,{"children":"Generatore di mappe comunali italiane | Alessio Cimarelli | Observable"}] 2f:T44d,viewof selected_provinces = { const provinces_per_region = d3.nest().key(p => p.COD_REG).entries(_.filter(provinces, p => _.isEmpty(selected_regions) || _.includes(selected_regions,p.COD_REG))); const wrapper = html`

`; const div = d3.select(wrapper).selectAll("div").data(provinces_per_region).enter().append("div"); div.append("h3").text(d => _.find(regions, {COD_REG:+d.key}).name); const ul = div.append("ul"); const li = ul.selectAll("li").data(d => d.values).enter().append("li").attr("class","input-item"); wrapper.value = !_.isEmpty(selected_regions) ? _.map(_.filter(provinces, p => _.includes(selected_regions, p.COD_REG)), "COD_PRO") : []; li.append("input").attr("type","checkbox").attr("checked", d => !_.isEmpty(selected_regions) ? "checked" : null).attr("id", r => `pro-${r.COD_PRO}`).on("click", function(d) { this.checked ? wrapper.value.push(d.COD_PRO) : _.remove(wrapper.value, el => el === d.COD_PRO); wrapper.dispatchEvent(new CustomEvent('input')) }); li.append("label").attr("for", r => `pro-${r.COD_PRO}`).text(r => `${r.name}`); return wrapper; }30:T138e,provinces = [{"COD_REG":1,"COD_PRO":1,"name":"TORINO"},{"COD_REG":1,"COD_PRO":2,"name":"VERCELLI"},{"COD_REG":1,"COD_PRO":3,"name":"NOVARA"},{"COD_REG":1,"COD_PRO":4,"name":"CUNEO"},{"COD_REG":1,"COD_PRO":5,"name":"ASTI"},{"COD_REG":1,"COD_PRO":6,"name":"ALESSANDRIA"},{"COD_REG":1,"COD_PRO":96,"name":"BIELLA"},{"COD_REG":1,"COD_PRO":103,"name":"VERBANO-CUSIO-OSSOLA"},{"COD_REG":2,"COD_PRO":7,"name":"VALLE D'AOSTA"},{"COD_REG":3,"COD_PRO":12,"name":"VARESE"},{"COD_REG":3,"COD_PRO":13,"name":"COMO"},{"COD_REG":3,"COD_PRO":14,"name":"SONDRIO"},{"COD_REG":3,"COD_PRO":15,"name":"MILANO"},{"COD_REG":3,"COD_PRO":16,"name":"BERGAMO"},{"COD_REG":3,"COD_PRO":17,"name":"BRESCIA"},{"COD_REG":3,"COD_PRO":18,"name":"PAVIA"},{"COD_REG":3,"COD_PRO":19,"name":"CREMONA"},{"COD_REG":3,"COD_PRO":20,"name":"MANTOVA"},{"COD_REG":3,"COD_PRO":97,"name":"LECCO"},{"COD_REG":3,"COD_PRO":98,"name":"LODI"},{"COD_REG":3,"COD_PRO":108,"name":"MONZA E DELLA BRIANZA"},{"COD_REG":4,"COD_PRO":21,"name":"BOLZANO/BOZEN"},{"COD_REG":4,"COD_PRO":22,"name":"TRENTO"},{"COD_REG":5,"COD_PRO":23,"name":"VERONA"},{"COD_REG":5,"COD_PRO":24,"name":"VICENZA"},{"COD_REG":5,"COD_PRO":25,"name":"BELLUNO"},{"COD_REG":5,"COD_PRO":26,"name":"TREVISO"},{"COD_REG":5,"COD_PRO":27,"name":"VENEZIA"},{"COD_REG":5,"COD_PRO":28,"name":"PADOVA"},{"COD_REG":5,"COD_PRO":29,"name":"ROVIGO"},{"COD_REG":6,"COD_PRO":30,"name":"UDINE"},{"COD_REG":6,"COD_PRO":31,"name":"GORIZIA"},{"COD_REG":6,"COD_PRO":32,"name":"TRIESTE"},{"COD_REG":6,"COD_PRO":93,"name":"PORDENONE"},{"COD_REG":7,"COD_PRO":8,"name":"IMPERIA"},{"COD_REG":7,"COD_PRO":9,"name":"SAVONA"},{"COD_REG":7,"COD_PRO":10,"name":"GENOVA"},{"COD_REG":7,"COD_PRO":11,"name":"LA SPEZIA"},{"COD_REG":8,"COD_PRO":33,"name":"PIACENZA"},{"COD_REG":8,"COD_PRO":34,"name":"PARMA"},{"COD_REG":8,"COD_PRO":35,"name":"REGGIO NELL'EMILIA"},{"COD_REG":8,"COD_PRO":36,"name":"MODENA"},{"COD_REG":8,"COD_PRO":37,"name":"BOLOGNA"},{"COD_REG":8,"COD_PRO":38,"name":"FERRARA"},{"COD_REG":8,"COD_PRO":39,"name":"RAVENNA"},{"COD_REG":8,"COD_PRO":40,"name":"FORLÌ-CESENA"},{"COD_REG":8,"COD_PRO":99,"name":"RIMINI"},{"COD_REG":9,"COD_PRO":45,"name":"MASSA-CARRARA"},{"COD_REG":9,"COD_PRO":46,"name":"LUCCA"},{"COD_REG":9,"COD_PRO":47,"name":"PISTOIA"},{"COD_REG":9,"COD_PRO":48,"name":"FIRENZE"},{"COD_REG":9,"COD_PRO":49,"name":"LIVORNO"},{"COD_REG":9,"COD_PRO":50,"name":"PISA"},{"COD_REG":9,"COD_PRO":51,"name":"AREZZO"},{"COD_REG":9,"COD_PRO":52,"name":"SIENA"},{"COD_REG":9,"COD_PRO":53,"name":"GROSSETO"},{"COD_REG":9,"COD_PRO":100,"name":"PRATO"},{"COD_REG":10,"COD_PRO":54,"name":"PERUGIA"},{"COD_REG":10,"COD_PRO":55,"name":"TERNI"},{"COD_REG":11,"COD_PRO":41,"name":"PESARO E URBINO"},{"COD_REG":11,"COD_PRO":42,"name":"ANCONA"},{"COD_REG":11,"COD_PRO":43,"name":"MACERATA"},{"COD_REG":11,"COD_PRO":44,"name":"ASCOLI PICENO"},{"COD_REG":11,"COD_PRO":109,"name":"FERMO"},{"COD_REG":12,"COD_PRO":56,"name":"VITERBO"},{"COD_REG":12,"COD_PRO":57,"name":"RIETI"},{"COD_REG":12,"COD_PRO":58,"name":"ROMA"},{"COD_REG":12,"COD_PRO":59,"name":"LATINA"},{"COD_REG":12,"COD_PRO":60,"name":"FROSINONE"},{"COD_REG":13,"COD_PRO":66,"name":"L'AQUILA"},{"COD_REG":13,"COD_PRO":67,"name":"TERAMO"},{"COD_REG":13,"COD_PRO":68,"name":"PESCARA"},{"COD_REG":13,"COD_PRO":69,"name":"CHIETI"},{"COD_REG":14,"COD_PRO":70,"name":"CAMPOBASSO"},{"COD_REG":14,"COD_PRO":94,"name":"ISERNIA"},{"COD_REG":15,"COD_PRO":61,"name":"CASERTA"},{"COD_REG":15,"COD_PRO":62,"name":"BENEVENTO"},{"COD_REG":15,"COD_PRO":63,"name":"NAPOLI"},{"COD_REG":15,"COD_PRO":64,"name":"AVELLINO"},{"COD_REG":15,"COD_PRO":65,"name":"SALERNO"},{"COD_REG":16,"COD_PRO":71,"name":"FOGGIA"},{"COD_REG":16,"COD_PRO":72,"name":"BARI"},{"COD_REG":16,"COD_PRO":73,"name":"TARANTO"},{"COD_REG":16,"COD_PRO":74,"name":"BRINDISI"},{"COD_REG":16,"COD_PRO":75,"name":"LECCE"},{"COD_REG":16,"COD_PRO":110,"name":"BARLETTA-ANDRIA-TRANI"},{"COD_REG":17,"COD_PRO":76,"name":"POTENZA"},{"COD_REG":17,"COD_PRO":77,"name":"MATERA"},{"COD_REG":18,"COD_PRO":78,"name":"COSENZA"},{"COD_REG":18,"COD_PRO":79,"name":"CATANZARO"},{"COD_REG":18,"COD_PRO":80,"name":"REGGIO DI CALABRIA"},{"COD_REG":18,"COD_PRO":101,"name":"CROTONE"},{"COD_REG":18,"COD_PRO":102,"name":"VIBO VALENTIA"},{"COD_REG":19,"COD_PRO":81,"name":"TRAPANI"},{"COD_REG":19,"COD_PRO":82,"name":"PALERMO"},{"COD_REG":19,"COD_PRO":83,"name":"MESSINA"},{"COD_REG":19,"COD_PRO":84,"name":"AGRIGENTO"},{"COD_REG":19,"COD_PRO":85,"name":"CALTANISSETTA"},{"COD_REG":19,"COD_PRO":86,"name":"ENNA"},{"COD_REG":19,"COD_PRO":87,"name":"CATANIA"},{"COD_REG":19,"COD_PRO":88,"name":"RAGUSA"},{"COD_REG":19,"COD_PRO":89,"name":"SIRACUSA"},{"COD_REG":20,"COD_PRO":90,"name":"SASSARI"},{"COD_REG":20,"COD_PRO":91,"name":"NUORO"},{"COD_REG":20,"COD_PRO":92,"name":"CAGLIARI"},{"COD_REG":20,"COD_PRO":95,"name":"ORISTANO"},{"COD_REG":20,"COD_PRO":104,"name":"OLBIA-TEMPIO"},{"COD_REG":20,"COD_PRO":105,"name":"OGLIASTRA"},{"COD_REG":20,"COD_PRO":106,"name":"MEDIO CAMPIDANO"},{"COD_REG":20,"COD_PRO":107,"name":"CARBONIA-IGLESIAS"}]31:[] 2d:{"id":"b0ec65737d6764e0","slug":"generatore-di-mappe-comunali-italiane","title":"Generatore di mappe comunali italiane","thumbnail":"318ac35b704147737f1f66508839eeeb2f97faa3f3e39371fcb22eb42dbc57a0","access_level":"public","create_time":"$D2018-02-08T21:36:27.874Z","update_time":"$D2018-02-10T11:14:16.321Z","view_time":null,"first_public_time":"$D2018-02-09T00:38:14.279Z","has_unpublished_edits":null,"fork":false,"stars":5,"starred":false,"owner":{"type":"team","id":"042a6cbfbb60a618","login":"jenkin","name":"Alessio Cimarelli","avatar_url":"https://avatars-next.observableusercontent.com/b69deb946932caada5e33a77ce30430e2702ab7d1ff23f8f78baf85f4a2c5bfb","tier":"starter_2024"},"version":177,"publish_version":177,"role":null,"authored":false,"authors":[{"type":"individual","id":"0fab5eaf95389e65","login":"jenkin","name":"Alessio Cimarelli","avatar_url":"https://avatars-next.observableusercontent.com/b69deb946932caada5e33a77ce30430e2702ab7d1ff23f8f78baf85f4a2c5bfb","tier":null}],"members":[{"type":"individual","id":"0fab5eaf95389e65","login":"jenkin","name":"Alessio Cimarelli","avatar_url":"https://avatars-next.observableusercontent.com/b69deb946932caada5e33a77ce30430e2702ab7d1ff23f8f78baf85f4a2c5bfb","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Generatore di mappe comunali italiane","cells":[{"id":0,"value":"md`\n# Generatore di mappe comunali italiane\n\nSeleziona le regioni e le province di tuo interesse, esplora e scarica una versione personalizzata della mappa comunale dell'Italia.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"md`Hai selezionato queste regioni: ${selected_regions.map(r => _.find(regions, {COD_REG:r}).name).join(\", \") || \"[nessuna]\"}.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"md`Hai selezionato queste province: ${selected_provinces.map(p => _.find(provinces, {COD_PRO:p}).name).join(\", \") || \"[nessuna]\"}.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"DOM.download(\n new Blob([JSON.stringify(geo)], {type: \"application/json\"}),\n \"custom_italy.geojson\",\n \"Scarica il geojson\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"map = {\n const svg = html``;\n const p = html`

Seleziona almeno una regione e/o una provincia per vederne la mappa...

`;\n const width = 640;\n const height = 480;\n const projection = d3.geoMercator().fitSize([width, height], geo),\n path = d3.geoPath(projection),\n bb = path.bounds(geo);\n \n const w = bb[1][0]-bb[0][0],\n h = bb[1][1]-bb[0][1],\n x = bb[0][0],\n y = bb[0][1];\n\n d3.select(svg)\n .attr(\"width\",width)\n .attr(\"height\",height)\n \t.attr(\"viewBox\", `${x} ${y} ${w} ${h}`)\n \t.append(\"g\")\n \t.selectAll(\"path\")\n .data(geo.features)\n .enter()\n .append(\"path\")\n .attr(\"d\", path)\n .attr(\"fill\", \"steelblue\")\n .attr(\"stroke\", \"white\")\n .attr(\"opacity\", 1)\n \t.append(\"title\")\n \t.text(d => d.properties.NOME_COM);\n \n return _.isEmpty(selected_provinces) ? p : svg;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"md`Seleziona le regioni di interesse:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"viewof selected_regions = {\n const ul = html`

`;\n const li = d3.select(ul).selectAll(\"li\").data(regions).enter().append(\"li\").attr(\"class\",\"input-item\");\n ul.value = [];\n li.append(\"input\").attr(\"type\",\"checkbox\").attr(\"id\", r => `reg-${r.COD_REG}`).on(\"click\", function(d) { this.checked ? ul.value.push(d.COD_REG) : _.remove(ul.value, el => el === d.COD_REG); ul.dispatchEvent(new CustomEvent('input')) });\n li.append(\"label\").attr(\"for\", r => `reg-${r.COD_REG}`).text(r => r.name);\n return ul;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"md`Seleziona le province di interesse:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"md`Dipendenze:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"regions = [{\"COD_REG\":1,\"name\":\"PIEMONTE\"},{\"COD_REG\":2,\"name\":\"VALLE D'AOSTA\"},{\"COD_REG\":3,\"name\":\"LOMBARDIA\"},{\"COD_REG\":4,\"name\":\"TRENTINO-ALTO ADIGE/SUDTIROL\"},{\"COD_REG\":5,\"name\":\"VENETO\"},{\"COD_REG\":6,\"name\":\"FRIULI VENEZIA GIULIA\"},{\"COD_REG\":7,\"name\":\"LIGURIA\"},{\"COD_REG\":8,\"name\":\"EMILIA-ROMAGNA\"},{\"COD_REG\":9,\"name\":\"TOSCANA\"},{\"COD_REG\":10,\"name\":\"UMBRIA\"},{\"COD_REG\":11,\"name\":\"MARCHE\"},{\"COD_REG\":12,\"name\":\"LAZIO\"},{\"COD_REG\":13,\"name\":\"ABRUZZO\"},{\"COD_REG\":14,\"name\":\"MOLISE\"},{\"COD_REG\":15,\"name\":\"CAMPANIA\"},{\"COD_REG\":16,\"name\":\"PUGLIA\"},{\"COD_REG\":17,\"name\":\"BASILICATA\"},{\"COD_REG\":18,\"name\":\"CALABRIA\"},{\"COD_REG\":19,\"name\":\"SICILIA\"},{\"COD_REG\":20,\"name\":\"SARDEGNA\"}]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"municipalities = d3.json(\"https://s3.eu-central-1.amazonaws.com/test-lambda.dataninja.it/municipalities.topojson\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"geo = topojson.feature(municipalities, {\n \ttype: municipalities.objects[\"municipalities\"].type,\n crs: municipalities.objects[\"municipalities\"].crs,\n\tgeometries: municipalities.objects[\"municipalities\"].geometries.filter(m => _.includes(selected_provinces, m.properties.COD_PRO))\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"_ = require(\"lodash\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2e:"$2d:body"