2e:null 2f:["$","title",null,{"children":"ixmaps - Delitti commessi per 100.000 abitanti e Provincia nel 2019 | gjrichter | Observable"}] 34:Te39, ixmaps.embed("mymap", { mapCdn: "https://gjrichter.github.io/ixmaps", width: "90%", height: "760px", scrollsafe: "true", legend: "true" }, map => map .setData(province,{type:"geojson",name:"PROVINCE"}) .setData(delitti_2019,{type:"jsonDB",name:"DELITTI_2019"}) .setData(final,{type:"jsonDB",name:"DELITTI_2017_2019"}) .loadProject({ "$schema": "https://gjrichter.github.io/ixmaps/schema/ixmaps/v1.json", "map": { "map": "", "basemap": "CartoDB - Dark matter", "item": "html", "scaleParam": { "normalSizeScale": "20000000" }, "options": { "objectscaling": "dynamic", "panhidden": "false", "flushChartDraw": "100000", "basemapopacity": "0.5" }, "center": { "lat": "42.020732852644294", "lng": "12.5518798828125" }, "zoom": "6" }, "themes": [ georef(), { "layer": "Prov2019_name", // the name of the municipality layer in the loaded SVG map "field": "TOTALE_DELITTI_2019", "field100": "TOTALE_DELITTI_2017", "style": { "type": "CHART|BAR|POINTER|DIFFERENCE|RELATIVE|SIZEP4|SIMPLELEGEND|VALUES|DTEXT", "colorscheme": [ "4", "#ff00ff", "red", "dynamic"], "rangecentervalue": "0", "fillopacity": "1", "fadenegative": "0.3", "textcolor": "#666666", "shadow": "false", "dbtable": "DELITTI_2017_2019", "lookupfield": "Provincia", "showdata": "true", "symbols": ["circle"], "units": "%", "refreshtimeout": "0", "scale": "0.7", "rangescale": "1.5", "valuefield": "$title$", "minvalue": "1", "textscale": "3", "linewidth": "3", "bordercolor": "black", "borderwidth": "0.2", "boxopacity": "0.05", "titlefield": "Provincia", "valuescale": "1", "valuedecimals": "0", "valueupper": "1:1000000", "title": "Delitti Denunciati per Provincia", "snippet": "variazione dal 2017 al 2019", "description": "fonte: Ministaro dell'Interno" } }, { "layer": "Prov2019_name", "field": filter.codice, "field100": "", "style": { "type": "CHART|SYMBOL|SIZEP1|SIMPLELEGEND|VALUES", "colorscheme": [ "#ff00ff"], "fillopacity": "0.1", "shadow": "true", "dbtable": "DELITTI_2019", "datacache": "true", "lookupfield": "Provincia", "showdata": "true", "symbols": [ "circle"], "label": [ filter.codice], "units": "", "refreshtimeout": "0", "scale": "1.11375", "textcolor": "#ff55ff", "linecolor": [ "#ff00ff"], "linewidth": "1", "titlefield": "Provincia", "valuescale": "1", "valuedecimals": "1", "title": "Delitti Denunciati per 100.000 abitanti e Provincia", "snippet": ""+filter.codice+"

in 2019 e variazione (%) dal 2017", "description": "fonte: Ministaro dell'Interno" } } ] }) ); 35:[{"id":"dfa0adf05c81843b8d26be5b28ab0f066654365f045b73be1323f476addf53bf5acfa768ac58c3ac22453258c3fae1b549ca4ee0ea70b8fb76dd279d28ade166","href":"https://static.observableusercontent.com/files/dfa0adf05c81843b8d26be5b28ab0f066654365f045b73be1323f476addf53bf5acfa768ac58c3ac22453258c3fae1b549ca4ee0ea70b8fb76dd279d28ade166","name":"image.png","type":"image/png","lastModified":1635258412183.328,"size":785783}] 32:{"id":"345350f76dd6ede5","slug":"ixmaps-delitti-commessi-per-100-000-abitanti-e-provincia-ne","title":"ixmaps - Delitti commessi per 100.000 abitanti e Provincia nel 2019","thumbnail":"29c7cfaf07fc8c4dbb8f734ce87154faf9aaf3f3129c027e15c54e5764424eba","access_level":"public","create_time":"$D2021-10-26T14:26:52.183Z","update_time":"$D2021-10-27T21:37:36.251Z","view_time":null,"first_public_time":"$D2021-10-26T19:15:09.946Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"ab0359f3bbecf78a","login":"gjrichter","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1dd94096da79a76babfe37a3431edc30377043a898592a3437e913920b189ed3","tier":"starter_2024"},"version":1371,"publish_version":1371,"role":null,"authored":false,"authors":[{"type":"individual","id":"921009d8ff1c586f","login":"gjrichter","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1dd94096da79a76babfe37a3431edc30377043a898592a3437e913920b189ed3","tier":null}],"members":[{"type":"individual","id":"921009d8ff1c586f","login":"gjrichter","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1dd94096da79a76babfe37a3431edc30377043a898592a3437e913920b189ed3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"ixmaps - Delitti commessi per 100.000 abitanti e Provincia nel 2019","cells":[{"id":0,"value":"# ixmaps - Delitti commessi per 100.000 abitanti e Provincia nel 2019","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1255,"value":"viewof filter = Inputs.Select(delitti, {label: \"Filtro delitti\", format: x => x.name, value: t => t.codice})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":787,"value":"*Mappa 1: Variazione assoluta dei delitti denunciati*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"Le visualizzazioni mostrano la variazione dei delitti commessi (e denunciati) comparando il totale dei delitti per le anni 2017 e 2019.\n\nLa prima mappa mostra la variazione assoluta, la seconda la varizione relativa in %.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"I **data** usati son stati pubblicati dall'**Ministero dell'Interno** sul portale del'Ministero.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"---\n# i dati\n\nI dati sono pubblicati dal Ministero dell'Interno in una **pagina** dedicata per uso in EXCEL ed in formato CSV.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":698,"value":"![image.png](${await FileAttachment(\"image.png\").url()})","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":702,"value":"\nPer evitare problemi con i divieti di caricare dati attraverso domini (CORS) e problemi con il formato (separatore ;) non carichiamo direttamente i dati CSV dalla pagina, ma una copia riformattata e pubblicata su S3. \n\nCarichiamo la prima tabella dei dati da S3:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"raw_2017 = d3.csv(\"https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/Crime/Italy/INT00062_Delitti_denunciati__-_dati_anno_2017_-_dati_Provinciali.csv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"Inputs.Table(raw_2017)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"La tabella contiene i delitti commessi (e denunciati) diviso per varie categorie e sommato nel totale per tutte le Province d'Italia del anno 2017.\nPer le visualizzazioni ci interessa il totale dei delitti per Provincia e per gli anni 2017 e 2019.\nDobbiamo fare un po' di data processing per creare una tabelle pivot e combinare i dati dal 2017 e 2019.\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"---\n# preparazione dei dati","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"Per il data processing usiamo una libraria in JavaScript che fornisce vari metodi in un oggetto *Data*.\n> *Data* viene importato nell'**Appendice**.\n\nSotto importiamo la tabella scaricata sopra via D3 (JSON) nel oggetto *Data* e creiamo una tabelle pivot con una riga per Provincia.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1294,"value":"process_data = function(raw_data){\n\n var data = Data.import({\"source\":raw_data,\"type\":\"json\"});\n\n // aggiunge colonna con il l'incidenza (valore per 100.000)\n \n var provinciaIndex = data.column(\"Provincia\").index;\n var valueIndex = data.column(\"TOT DELITTI COMMESSI\").index;\n \n data.addColumn({destination:\"INCIDENCE\"},function(row){\n return (row[valueIndex]/pA[row[provinciaIndex]]*100000); \n });\n\n // crea tabella pivot con una colonna per reato\n \n var pivot = data.pivot({\n \"lead\":\"Provincia\",\n \"columns\": \"REATO\",\n \"value\": \"INCIDENCE\",\n \"keep\": [\"ANNO\"]\n });\n \n // alcuni nomi delle Province devono essere cambiate per essere compatibile con i confini da ISTAT\n corrNames(pivot); \n \n return pivot;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1086,"value":"delitti_2017 = process_data(raw_2017);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":617,"value":"Inputs.Table(delitti_2017.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"ecco la tabella pivot finale.\n\n
\nRipetiamo la stessa procedura per i dati del **2018** e **2019**.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":620,"value":"raw_2018 = d3.csv(\"https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/Crime/Italy/INT00062_Delitti_denunciati__-_dati_anno_2018_-_dati_Provinciali.csv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1051,"value":"delitti_2018 = process_data(raw_2018);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":622,"value":"raw_2019 = d3.dsv(',',\"https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/Crime/Italy/INT00062_Delitti_denunciati__-_dati_anno_2019_-_dati_Provinciali.csv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1160,"value":"delitti_2019 = process_data_2019(raw_2019);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1227,"value":"merger = new Data.Merger();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1300,"value":"
\nPer finire combiniamo le tre tabelle in un' unica tabella utile per l'analisi della variazione 2017 - 2019","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1223,"value":"final = merger\n .addSource(delitti_2017, {\n lookup: \"Provincia\",\n columns: [\"Provincia\",filter.codice],\n label: [\"Provincia\",\"TOTALE_DELITTI_2017\"]\n })\n .addSource(delitti_2018, {\n lookup: \"Provincia\",\n columns: [\"Provincia\",filter.codice],\n label: [\"Provincia\",\"TOTALE_DELITTI_2018\"]\n })\n .addSource(delitti_2019, {\n lookup: \"Provincia\",\n columns: [\"Provincia\",filter.codice],\n label: [\"Provincia\",\"TOTALE_DELITTI_2019\"]\n })\n .realize();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1229,"value":"Inputs.Table(final.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"--- \n# definizione e realizzazione delle mappe\n\nLa definizione dei progetti iXMaps e dei temi per la visualizzazione dei dati avviene in cima alla pagina ne codice editabile delle mappe.\n\nQui prepariamo un tema usato in tutte le mappe che crea la referenza geografica, le province, usando una risorsa in geoJson.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"## referenza geografica\nPer visualizzare dati su una mappa abbiamo bisogno di coordinate (latitudine, longitudine) o una referenza geografica caricata prima, punti o poligoni caricati sulla mappa con un riferimento (ID) che permette di associarli ai dati. \nNel nostro caso ci servono le province riferiti con i propri nomi, un dato che abbiamo nella nostra tabella dei delitti.\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":512,"value":"province = d3.json(\"https://s3.eu-central-1.amazonaws.com/maps.ixmaps.com/Istat/province_2019/Province_s.geojson.gz\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":515,"value":"georef = () => {\n return \t{\n\t\t\t\"layer\": \"Prov2019_name\",\n\t\t\t\"field\": \"$item$\",\n\t\t\t\"field100\": \"\",\n\t\t\t\"style\": {\n\t\t\t\t\"type\": \"FEATURES|NOLEGEND|LOCKED\",\n\t\t\t\t\"colorscheme\": [\n\t\t\t\t\t\"none\"],\n \"linecolor\":\"none\",\n\t\t\t\t\"dbtable\": \"PROVINCE\",\n\t\t\t\t\"itemfield\": \"DEN_UTS\",\n\t\t\t\t\"lookupfield\": \"geometry\",\n\t\t\t\t\"title\": \"Italy Province 2019\"\n\t\t\t\t}\n }\n};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":781,"value":"Questa referenza geografica viene inserito prima del tema della visualizzazione nel progetto che definisce tutta la visualizzazione","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"That's it.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"---\n# appendice","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1348,"value":"funzioni di supporto","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":862,"value":"
\n### le categorie dei reati\nqui si crea le opzioni della 'selection box' sopra alle mappe. Sono le categorie dei delitti, quali sono, una volta fatto la tabella pivot, le colonne di questa tabella.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1258,"value":"delitti = {\n var reg = [];\n var columnsA = delitti_2017.columnNames();\n reg.push({name: columnsA[columnsA.length-2], codice: columnsA[columnsA.length-2]});\n for( var c =2; c < columnsA.length-2; c++ ){\n reg.push({name: columnsA[c], codice: columnsA[c]});\n }\n return reg;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1176,"value":"
\n### la popolazione delle province\nPer l'incidenza abbiamo bisogno della popolazione di ognuna Provincia.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":988,"value":"p = d3.csv(\"https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/ISTAT/DCIS_POPRES_Province_2019.csv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":994,"value":"Inputs.Table(p)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":997,"value":"pA = Data.import({\"source\":p,\"type\":\"json\"\n }).lookupArray(\"Value\",\"Territorio\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1309,"value":"anche qui dobbiamo correggere alcuni nomi ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1205,"value":"pA[\"Aosta\"] = pA[\"Valle d'Aosta / Vallée d'Aoste\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1214,"value":"pA[\"Bolzano\"] = pA[\"Provincia Autonoma Bolzano / Bozen\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1217,"value":"pA[\"Trento\"] = pA[\"Provincia Autonoma Trento\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1220,"value":"pA[\"Forli'-Cesena\"] = pA[\"Forlì-Cesena\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1183,"value":"
\n### funzioni per processare i dati","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1156,"value":"process_data_2019 = function(raw_data){\n\n var data = Data.import({\"source\":raw_data,\"type\":\"json\"});\n \n corrNames(data); \n \n var provinciaIndex = data.column(\"Provincia\").index;\n var valueIndex = data.column(\"Totale Delitti commesi\").index;\n data.addColumn({destination:\"INCIDENCE\"},function(row){\n return (row[valueIndex]/pA[row[provinciaIndex]]*100000); \n });\n\n var pivot = data.pivot({\n \"lead\":\"Provincia\",\n \"columns\": \"Reato\",\n \"value\": \"INCIDENCE\",\n \"keep\": [\"ANNO\"]\n });\n \n return pivot;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1171,"value":"corrNames = function (data){\n data.column(\"Provincia\").map(function(value){\n if (value == \"Forli' - Cesena\"){\n return \"Forli'-Cesena\";\n }\n if (value == \"Pesaro - Urbino\"){\n return \"Pesaro e Urbino\";\n }\n if (value == \"Reggio Emilia\"){\n return \"Reggio nell'Emilia\";\n }\n if (value == \"Reggio Calabria\"){\n return \"Reggio di Calabria\";\n }\n return value;\n });\n return data;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1342,"value":"---\n## librarie ed API usati in questo progetto","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1330,"value":"ixmaps = require('https://gjrichter.github.io/ixmaps/ui/js/htmlgui_api.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1336,"value":"Data = require('https://gjrichter.github.io/data.js/data.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1366,"value":"Inputs = require(\"@observablehq/inputs@0.7.21/dist/inputs.umd.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1339,"value":"$$ = require('https://code.jquery.com/jquery-3.3.1.min.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"