2b:null 2c:["$","title",null,{"children":"ixmaps - COVID 2019 - situazione attuale al livello provinciale | gjrichter | Observable"}] 31:T8d5,PCM_DPC_COVID_LAST_INCID_100000_CUMUL_7 = function (theme, options) { /** function to make pivot table with columns per day **/ var __process = function (data, options) { data.column("data").map(function (value) { return value.split(" ")[0]; }); data = data.select( 'WHERE "denominazione_provincia" NOT "In fase" AND "denominazione_provincia" NOT "Fuori"' ); var pivot = data.pivot({ lead: "codice_provincia", columns: "data", value: "totale_casi", keep: ["lat", "long", "denominazione_provincia", "denominazione_regione"] }); return pivot; }; /** define data sources **/ var szUrl1 = "https://raw.githubusercontent.com/pcm-dpc/COVID-19/master/dati-province/dpc-covid19-ita-province.csv"; var szUrl2 = "https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/ISTAT/DCIS_POPRES_Province_2019.csv"; /** get and process data **/ var broker = new Data.Broker() .addSource(szUrl1, "csv") .addSource(szUrl2, "csv") .realize(function (dataA) { var mydata = dataA[0]; var dataPop = dataA[1]; /** make pivot: one row x province, data = column 4 **/ var pivot = __process(mydata, options); /** remove last pivot column (Total) **/ pivot.column("Total").remove(); /** make lookupArray: COD_PROV ==> population **/ var popA = dataPop.lookupArray("Value", "COD_PROV"); /** make incidenza **/ var lastColumn = pivot.columnNames().length - 1; pivot.addColumn( { destination: "incidenza" }, function (row) { var last = Number(row[lastColumn]); var before = Number(row[lastColumn - 7]); return ( (Number(last - before) / popA[Number(row[0])]) * 100000 ).toFixed(2); } ); /** ----------------------------------------------------------------------------------------------- deploy the data ------------------------------------------------------------------------------------------- **/ ixmaps.setExternalData(pivot, { type: "dbtable", name: options.name }); theme.szTitle = pivot.columnNames()[lastColumn]; }); }32:Tbb0,PCM_DPC_COVID_SEQUENCE_INCIDENZA_100000_CUMUL_7_LAST_7 = function ( theme, options ) { /** function to make pivot table with columns per day **/ var __process = function (data, options) { data.column("data").map(function (value) { return value.split(" ")[0]; }); data = data.select( 'WHERE "denominazione_provincia" NOT "In fase" AND "denominazione_provincia" NOT "Fuori"' ); var pivot = data.pivot({ lead: "codice_provincia", columns: "data", value: "totale_casi", keep: ["lat", "long", "denominazione_provincia", "denominazione_regione"] }); return pivot; }; var szUrl1 = "https://raw.githubusercontent.com/pcm-dpc/COVID-19/master/dati-province/dpc-covid19-ita-province.csv"; var szUrl2 = "https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/ISTAT/DCIS_POPRES_Province_2019.csv"; var broker = new Data.Broker() .addSource(szUrl1, "csv") .addSource(szUrl2, "csv") .realize(function (dataA) { var mydata = dataA[0]; var dataPop = dataA[1]; /** make pivot: one row x province, data = column 4 ---> **/ var pivot = __process(mydata, options); /** remove last pivot column (Total) **/ pivot.column("Total").remove(); var columns = pivot.columnNames(); for (var i = 4; i < columns.length; i++) { var date = new Date(columns[i]).toLocaleDateString(); pivot.column(columns[i]).rename(date); } /** make lookupArray: COD_PROV ==> population **/ var popA = dataPop.lookupArray("Value", "COD_PROV"); /** make incidenze **/ var lastColumn = pivot.columnNames().length - 1; var records = pivot.records; for (var r = 0; r < records.length; r++) { for (var c = lastColumn; c >= 7; c--) { var last = Number(records[r][c]); var before = Number(records[r][c - 7]); records[r][c] = ( ((last - before) / popA[Number(records[r][0])]) * 100000 ).toFixed(2); } } /** get the columns with date **/ var columns = pivot.columnNames(); var last = columns.length - 1; /** and configure the theme **/ theme.szFields = columns.slice(-7).join("|"); theme.szFieldsA = columns.slice(-7); /** and set the label **/ theme.szLabelA = columns.slice(-7); theme.szSnippet = "dal " + columns[last - 7] + " al " + columns[last - 1]; /** ----------------------------------------------------------------------------------------------- deploy the data ------------------------------------------------------------------------------------------- **/ ixmaps.setTitle( "aggiornato al: " + pivot.columnNames()[lastColumn] + "" ); ixmaps.setExternalData(pivot, { type: "dbtable", name: options.name }); }); }33:[] 2f:{"id":"54fa7a52a51d5c1c","slug":null,"title":"ixmaps - COVID 2019 - situazione attuale al livello provinciale","thumbnail":"06c4fa9e87c9cfbdb40cdaed0e68637069a1015b2d1d3feb308e8e383009d366","access_level":"public","create_time":"$D2023-12-13T19:25:45.935Z","update_time":"$D2023-12-16T10:31:11.199Z","view_time":null,"first_public_time":"$D2023-12-13T20:45:06.912Z","has_unpublished_edits":null,"fork":{"id":"ac243a81f0ca7044","slug":null,"title":"ixmaps - Parità di genere - Sindaci 2023 per città > 50.000 abitanti","owner":{"id":"ab0359f3bbecf78a","login":"gjrichter","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"ab0359f3bbecf78a","login":"gjrichter","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1dd94096da79a76babfe37a3431edc30377043a898592a3437e913920b189ed3","tier":"starter_2024"},"version":813,"publish_version":null,"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":1,"collection":null,"type":"notebook","body":{"title":"ixmaps - COVID 2019 - situazione attuale al livello provinciale","cells":[{"id":0,"value":"# ixmaps - COVID 2019 - situazione attuale al livello provinciale","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":292,"value":"map = ixmaps.embed(\n \"mymap\",\n {\n mapCdn: \"https://gjrichter.github.io/ixmaps\",\n mapType: \"#013161\",\n width: \"840px\",\n height: \"820px\",\n legend: \"true\",\n align: \"center\",\n mode: \"info\"\n },\n (map) =>\n map\n .options({\n objectscaling: \"dynamic\",\n normalSizeScale: \"1000000\",\n panhidden: \"false\",\n basemapopacity: \"0.3\",\n flushPaintShape: \"100000\"\n })\n .local(\"loading data ...\", \"⭳\")\n .local(\"...\", \"\")\n .view([42.062758505472385, 12.532734929102702], 6.1)\n .legend(legend)\n .attribution(attribution)\n .require(\"../../ui/js/tools/tooltip_basic.js\")\n\n .layer(georef)\n .layer(choropleth)\n .layer(text)\n .layer(curves)\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"La mappa visualizza la quota femminile delle amministrazioni comunali come pubblicato dal Ministeri dell'Interno.\n\nIl codice Javascript per creare la mappa tematica usando iXMaps riferisce alcune definizioni:\n\n- **georef**\ndefinisce il layer con i confini comunali, usato per visualizzare le quote femminili\n\n- **choropleth**\ndefinisce la fonte dei dati ed una procedura per calcolare la quota femminile dai numeri di amministratori femminili o maschili di un comune.\n\n- **text**\nconfigura la visualizzazione con la definizione dei colori, classi e la densità della popolazione come parametro per l'intensità del colore\n\n- **curves**\nconfigura la visualizzazione con la definizione dei colori, classi e la densità della popolazione come parametro per l'intensità del colore\n ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":441,"value":"attribution = \"Daten: CPM DPC Lizenz: CC BY 4.0 Visualisierung: iXMaps\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":716,"value":"legend = \"

Incidenza cummulativa di 7 giorni e tendenza

Daten: Dipartimento della Protezione Civile Lizenz: CC BY 4.0 Visualisierung: iXMaps

\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"---\n### georef\nPer visualizzare i dati dobbiamo prima definire un layer con la referenza geografica, in questo caso i confini dei comuni. **georef** crea questo layer da una fonte in formato TopoJson e definisce la proprietà da utilizzare per identificare il poligono di un comune, qui il codice ISTAT contenuto nella propriatà: PRO_COM_T.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":726,"value":"georef = ixmaps\n .layer(\"Province_2019\")\n .data({\n url: \"https://s3.eu-central-1.amazonaws.com/maps.ixmaps.com/Istat/province_2019/Province_s.geojson.gz\",\n type: \"geojson\"\n })\n .type(\"FEATURES|NOLEGEND\")\n .binding({\n id: \"COD_PROV\"\n })\n .style({\n colorscheme: [\"#ffffff\"],\n linecolor: [\"#ffffff\"],\n linewidth: \"0.3\"\n })\n .define()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"### choropleth\nIn iXMaps posso definire una fonte dati da visualizzare, scaricabile dalla rete, ma anche delle procedure di trasformare i dati e prepararli alla visualizzazione. In questo caso ci serve una tabella pivot con una riga per comune ed il numero di amministratori femminili e maschili e la quota femminile calcolato da questi conteggi.\n\nTutto questo e compito della funzione **query** definito sopra. \n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":729,"value":"choropleth = ixmaps\n .theme(\"Province_2019\")\n .data({\n query: PCM_DPC_COVID_LAST_INCID_100000_CUMUL_7.toString(),\n type: \"ext\"\n })\n .type(\"CHOROPLETH|COMPACTLEGEND\")\n .binding({\n value: \"incidenza\",\n position: \"codice_provincia\",\n tonumber: true\n })\n .style({\n colorscheme: [\"15\", \"green\", \"red\", \"3colors\", \"white\"],\n opacity: 1,\n dopacitypow: 1,\n dopacityscale: 3,\n units: \"/ 100.000\",\n titlefield: \"denominazione_provincia\"\n })\n .meta({\n title: \"7 Tage Incidenz (100.000)\"\n })\n .define()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"### text\nLa visualizzazione dei dati dando un colore a ciascun poligono (comune) rappresentando la quota femminile divisa in 4 classi: sotto 30%, da 30 a 40%, da 40 a 50% e sopra i 50%. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":732,"value":"text = ixmaps\n .theme(\"Province_2019\")\n .data({\n query: PCM_DPC_COVID_LAST_INCID_100000_CUMUL_7.toString(),\n type: \"ext\"\n })\n .type(\n \"CHART|LABEL|SIZELOG|VALUES|TEXTONLY|AGGREGATE|RELOCATE|MAX|COMPACTLEGEND\"\n )\n .binding({\n value: \"incidenza\",\n position: \"codice_provincia\",\n tonumber: true\n })\n .style({\n colorscheme: [\"RGBA(255,255,255,0.5)\"],\n scale: 2,\n offsety: -15,\n textcolor: \"#660000\",\n titlefield: \"denominazione_provincia\",\n gridwidth: \"25px\"\n })\n .meta({\n title: \"7 Tage Incidenz (100.000)\"\n })\n .define()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":768,"value":"### curves\nLa visualizzazione dei dati dando un colore a ciascun poligono (comune) rappresentando la quota femminile divisa in 4 classi: sotto 30%, da 30 a 40%, da 40 a 50% e sopra i 50%. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":735,"value":"curves = ixmaps\n .theme(\"Province_2019\")\n .data({\n query: PCM_DPC_COVID_SEQUENCE_INCIDENZA_100000_CUMUL_7_LAST_7.toString(),\n type: \"ext\"\n })\n .type(\n \"CHART|SYMBOL|SEQUENCE|PLOT|FIXSIZE|LINES|AREA|LASTARROW|NOCLIP|AGGREGATE|RELOCATE|MAX|GRID|BOX|BOTTOMTITLE|COMPACTLEGEND\"\n )\n .binding({\n position: \"codice_provincia\",\n tonumber: true\n })\n .filter('WHERE \"denominazione_provincia\" NOT \"aggio\"')\n .style({\n colorscheme: [\"#660000\"],\n symbols: [\"circle\"],\n fillopacity: 0.1,\n linewidth: 5,\n markersize: 2,\n scale: 0.3,\n normalsizevalue: 3,\n align: \"23right|bottom\",\n textcolor: \"#660000\",\n textscale: 8,\n boxcolor: \"none\",\n bordercolor: \"none\",\n titlefield: \"denominazione_provincia\",\n gridwidth: \"25px\",\n chartupper: \"1:50000000\",\n boxupper: \"1:2000000\"\n })\n .meta({\n title:\n \"Incidenza cumultiva di 7 giorni (per 100.000 abitanti), tendenza per l'ultima settimana\"\n })\n .define()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"---\n# i dati\n\nI dati sono pubblicati dal Dipertimento della Protezione Civile su una pagina dedicata su GitHub.\n\nLa visualizzazione dei dati nella mappa definisce anche lo scarico autonomo dei dati ed un processo di proparazione alla visualizzazione.\n\nPer motivi dimostrativi qui sotto gli stessi dati caricati e visualizzati in forma tabellare con Observable. \n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"rawdata = Inputs.Table(amministratori)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":506,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"amministratori = d3.csv(\n \"https://raw.githubusercontent.com/pcm-dpc/COVID-19/master/dati-province/dpc-covid19-ita-province.csv\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"La tabella presenta più di 120 000 righe, una riga per ogni amministratore.","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":39,"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":41,"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":44,"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":46,"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":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"