2e:null 2f:["$","title",null,{"children":"iXMaps - Referendum - Eutanasia - Curve - data firma | gjrichter | Observable"}] 34:T6bc,theme_curves = () => { return { "layer": "Province_2019", "field": curve_fields.join("|"), "field100": "", "style": { "type": "CHART|SYMBOL|SEQUENCE|PLOT|AREA|LINES|GRID|BOX|TITLE|AGGREGATE|RECT|MEAN|SIMPLELEGEND", "colorscheme": [ "#dd4400", "#0044dd"], "gridx": "2", "fillopacity": "0.1", "shadow": "false", "dbtable": "CURVE_DATA", "lookupfield": "codiceProvincia.1", "symbols": [ "none"], "label": [ "femmine", "maschi"], "xaxis": xaxis, "units": "", "scale": "0.4", "rangescale": "5", "maxvalue": "auto", "textcolor": "#444444", "textscale": "3", "linewidth": "5", "boxopacity": "0.05", "bordercolor": "none", "titlefield": "denominazioneProvincia.1", "titleupper": "1:1000000", "textscale": "0.5", "valuescale": "1", "gridwidth": "100px", "align": "23left", "valuedecimals": "0", "title": "Referendum per l'eutanasia", "snippet": "Incidenza per data firma e sesso aggregato per griglia rettangolare
Fonte: Ondata", "description": "

grande curve

" } } };35:[] 32:{"id":"2399d3dfe98e8666","slug":"ixmaps-referendum-eutanasia-curve-data-firma","title":"iXMaps - Referendum - Eutanasia - Curve - data firma","thumbnail":"89a3bed124617eef505787e7d50c7449d4708e22ec6b2567b6363e612b2d520b","access_level":"public","create_time":"$D2021-11-16T11:53:33.686Z","update_time":"$D2021-11-23T07:40:57.445Z","view_time":null,"first_public_time":"$D2021-11-17T21:16:40.996Z","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":930,"publish_version":930,"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":"999f20b50d5f36fe","login":"aborruso","name":"Andrea Borruso","avatar_url":"https://avatars-next.observableusercontent.com/97ce0e2231f86380ef7905fc608aca2680941d0768ddb405303e87adbf83d81b","tier":null,"role":"editor"},{"type":"individual","id":"921009d8ff1c586f","login":"gjrichter","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1dd94096da79a76babfe37a3431edc30377043a898592a3437e913920b189ed3","tier":null,"role":"editor"},{"type":"individual","id":"51634b4ba5cde4b9","login":"patrunomeister","name":"Vincenzo Patruno","avatar_url":"https://avatars.githubusercontent.com/u/482417?v=4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"iXMaps - Referendum - Eutanasia - Curve - data firma","cells":[{"id":0,"value":"# iXMaps - Referendum - Eutanasia - Curve - data firma","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":646,"value":"Visualizzazione dei dati dal repository [**GitHub** di ***OnData***](https://github.com/ondata/dati-referendum)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":578,"value":" ","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"La mappa visualizza l'incidenza (per 100.000) dei voti per data firma e sesso per i primi 21 giorni della campagna.\n\nI dati utilizzati vengono caricati direttamente dal repository GitHub di onData. Forniscono il numero di voti per sesso, data di nascita e provincia. Per la visualizzazione i dati provinciali sono aggregati per una griglia rettangolare. \n\nLa visualizzazione è realizzata con la piattaforma iXMaps, inclusa sopra via iframe e programmata con un progetto per la visualizzazione dei data con vari elementi grafici sovvrposti.\n\nIn seguito il percorso dei dati, dai dati grezzi scaricati dal GitHub repository fino alla tabella finale per la visualizzazione.\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"---\n # Dati","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"## - fonti dati\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":695,"value":"Per la visualizzazione usiamo due file dati:\n- i **voti per il referendum** divisi per sesso, anno di nascita e Provincia\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"data = d3.csv(\"https://raw.githubusercontent.com/ondata/dati-referendum/main/output/eutanasia_prov.csv?token=AAU2D3MJ7ZJDCN2BFX4ZZRTBTESVO\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"Inputs.Table(data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":259,"value":"- la **popolazione delle Province** al 2021 (ISTAT) diviso per sesso ed età","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"pop = d3.csv(\"https://raw.githubusercontent.com/ondata/dati-referendum/main/risorse/popolazione_Istat_2021.csv?token=AAU2D3PUYOYZ5PY37SWPI3DBTQQNE\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"Inputs.Table(pop)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":850,"value":"da questa tabella dobbiamo ricavare la popolazione femminile e maschile per Provincia per calcolare le incidenze:\n- 2 tabelle con la popolazione aggregata per Provincia\n- 2 array associative con la popolazione femminile e maschile","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":779,"value":"mypop = Data.import({\"source\":pop,\"type\":\"json\"});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":783,"value":"mypop_m = mypop\n .aggregate(\"Totale Maschi\",\"codiceProvincia|Provincia\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":821,"value":"Inputs.Table(mypop_m.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":797,"value":"mypop_f = mypop\n .aggregate(\"Totale Femmine\",\"codiceProvincia|Provincia\")\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":826,"value":"Inputs.Table(mypop_f.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":802,"value":"popA_m = mypop_m.lookupArray({key:\"Provincia\",value:\"Totale Maschi\"});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":804,"value":"popA_f = mypop_f.lookupArray({key:\"Provincia\",value:\"Totale Femmine\"});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"## - preparazione dati\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":700,"value":"Per la visualizzazione ci serve una tabella con l'incidenza dei voti per sesso. Usiamo una libreria JS per trasformare i dati, incluso nell'appendice.\n\n preparazione dei dati:\n - aggiungiamo una colonna con la popolazione maschile o femminile\n - aggiungiamo una colonna con l'incidenza (voti/popolazione*100000)\n - creiamo 2 tabelle pivot, l'una con i maschi per classe d'età, l'altra con le femmine\n - uniamo (merge) queste due pivot in una tabella finale","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"mydata = Data.import({\"source\":data,\"type\":\"json\"});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"Inputs.Table(mydata.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"totalColumn = mydata.column(\"numeroFirme\").index;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":815,"value":"sessoColumn = mydata.column(\"sesso\").index;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":835,"value":"provinciaColumn = mydata.column(\"denominazioneProvincia\").index;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"enhanced_data = mydata\n.addColumn({destination:\"incidenza\"},function(row){\n if (row[sessoColumn] == \"F\"){\n return ((Number(row[totalColumn]))/popA_f[row[provinciaColumn]]*100000).toFixed(2);\n }else{\n return ((Number(row[totalColumn]))/popA_m[row[provinciaColumn]]*100000).toFixed(2);\n }\n})\n.addColumn({destination:\"pop\"},function(row){\n if (row[sessoColumn] == \"F\"){\n return (popA_f[row[provinciaColumn]]);\n }else{\n return (popA_m[row[provinciaColumn]]);\n }\n})\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"Inputs.Table(enhanced_data.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":551,"value":"pivot_f = enhanced_data\n .select(\"WHERE sesso = F\")\n .pivot({\n\t\t\tlead: \"codiceProvincia\",\n\t\t\tcolumns: \"dataFirma\",\n\t\t\tvalue: \"incidenza\",\n\t\t\tkeep: [\"denominazioneProvincia\"]\n\t\t});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"Inputs.Table(pivot_f.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":559,"value":"pivot_m = enhanced_data\n .select(\"WHERE sesso = M\")\n .pivot({\n\t\t\tlead: \"codiceProvincia\",\n\t\t\tcolumns: \"dataFirma\",\n\t\t\tvalue: \"incidenza\",\n\t\t\tkeep: [\"denominazioneProvincia\"]\n\t\t});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":561,"value":"Inputs.Table(pivot_m.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":563,"value":"merger = new Data.Merger();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":566,"value":" final_data = merger\n .addSource(pivot_f, {\n lookup: \"codiceProvincia\",\n columns: pivot_f.columnNames()\n })\n .addSource(pivot_m, {\n lookup: \"codiceProvincia\",\n columns: pivot_m.columnNames()\n })\n .realize();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":569,"value":"Inputs.Table(final_data.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"Questa è la tabella con i dati finali preparati per la visualizzazione.\n\nLa tabella viene caricata nel contesto iXMaps nel progetto definito sopra con la seguente:\n> `.setData(final_data,{\"name\":\"CURVE_DATA\",\"type\":\"jsonDB\"})`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":657,"value":"---\n # La visualizzazione","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":665,"value":"- ### tema 1: le province","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":529,"value":"theme_georef = () => {\n return {\n\t\t\t\"layer\": \"Province_2019\",\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\"#e8e8e8\"],\n\t\t\t\t\"fillopacity\": \"1\",\n\t\t\t\t\"shadow\": \"false\",\n\t\t\t\t\"dbtable\": \"Province_2019\",\n\t\t\t\t\"dbtableUrl\": \"https://s3.eu-central-1.amazonaws.com/maps.ixmaps.com/Istat/province_2019/Province_s.geojson.gz\",\n\t\t\t\t\"dbtableType\": \"geojson\",\n\t\t\t\t\"datacache\": \"true\",\n\t\t\t\t\"itemfield\": \"COD_PROV\",\n\t\t\t\t\"lookupfield\": \"geometry\",\n\t\t\t\t\"linecolor\": [\n\t\t\t\t\t\"white\"],\n\t\t\t\t\"linewidth\": \"0.5\",\n\t\t\t\t\"title\": \"Province 2019\"\n\t\t\t\t}\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"- ### tema 2: le curve","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":884,"value":"Dalla tabella finale prendiamo i nomi dei campi con dati e ricaviamo parametri per la definizione della visualizzazione. \n- un testo con i campi da utilizzare per le curve\n- un array con i valori per lasse temporale","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":730,"value":"fields = pivot_m.columnNames().slice(2,21).sort();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":734,"value":"fields_merge = function(){\n var x = [];\n for ( var i in fields ){\n x.push(fields[i]+\".1\");\n x.push(fields[i]+\".2\");\n }\n return x;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":736,"value":"curve_fields = fields_merge();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":860,"value":"xaxis = fields.slice();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":862,"value":"{\nfor ( var i=0; i < xaxis.length; i++ ){\n\t\t\txaxis[i] = (i%7==0)?String(i):\"'\";\n\t\t}\n return xaxis;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":922,"value":"poi la definizione del tema per le curve","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":572,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":675,"value":"- ### il progetto iXMaps","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":576,"value":"project = () => {\n return {\n\t\"$schema\": \"https://gjrichter.github.io/ixmaps/schema/ixmaps/v1.json\",\n\t\"map\": {\n\t\t\"map\": \"\",\n\t\t\"basemap\": \"white\",\n \"item\": \"html\",\n \"legend\": \"\",\n\t\t\"scaleParam\": {\n\t\t\t\"lineScaling\": \"0.5\",\n\t\t\t\"normalSizeScale\": \"5000000\"\n\t\t\t},\n\t\t\"options\": {\n\t\t\t\"featurescaling\": \"dynamic\",\n\t\t\t\"objectscaling\": \"true\",\n\t\t\t\"panhidden\":\"false\",\n \"flushChartDraw\":\"100000\"\n\t\t\t},\n\t\t\"center\": {\n\t\t\t\"lat\": \"42.282221877329024\",\n\t\t\t\"lng\": \"12.871337890625002\"\n\t\t\t},\n\t\t\"zoom\": \"6\"\n\t\t},\n\t\"themes\": [\n theme_georef(),\n theme_curves(),\n ]\n\t}\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":753,"value":"test = theme_curves()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":681,"value":"Con la seguente funzione aspettiamo che la piattaforma iXMaps è caricata e pronta. \n\nPoi carichiamo la tabella finale in iXMaps e iniziamo la realizzazione della mappa.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":574,"value":"{\n ixmaps.waitForMap('map1',map => {\n map.setData(final_data,{type:\"jsonDB\",name:\"CURVE_DATA\"})\n .loadProject(project())\n });\n return project();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"---\n# Appendice","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"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":14,"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":134,"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"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"

- grande + - curve +

grande curve