2e:null 2f:["$","title",null,{"children":"iXMaps - Referendum - Cannabis - Curve II - classe d'età | gjrichter | Observable"}] 34:T79b,theme_curves = () => { return { "layer": "Province_2019", "field": "20.1|20.2|25.1|25.2|30.1|30.2|35.1|35.2|40.1|40.2|45.1|45.2|50.1|50.2|55.1|55.2|60.1|60.2|65.1|65.2|70.1|70.2|75.1|75.2|80.1|80.2|85.1|85.2|90.1|90.2|95.1|95.2", "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": [ "20"," ","30"," ","40"," ","50"," ","60"," ","70"," ","80"," ","90"," ","100"], "units": "", "scale": "0.4", "rangescale": "5", "maxvalue": "auto", "textcolor": "#444444", "textscale": "3", "linewidth": "5", "boxopacity": "0.05", "bordercolor": "none", "titlefield": "denominazioneProvincia.1", "textscale": "0.5", "valuescale": "1", "gridwidth": "100px", "titleupper": "1:1000000", "align": "23left", "valuedecimals": "0", "title": "Referendum per la Cannabis", "snippet": "Numero di firma per provincia e sesso aggregato per griglia rettangolare
Fonte: Ondata", "description": "

grande curve

" } } };35:[] 32:{"id":"51c0077a32c90178","slug":"ixmaps-referendum-cannabis-curve-ii-classe-deta","title":"iXMaps - Referendum - Cannabis - Curve II - classe d'età","thumbnail":"e5da3634a0cad36f46e7c61b88b4aacc7a04df5b84b4dc63a477e3079a3cc37e","access_level":"public","create_time":"$D2021-11-16T11:17:04.378Z","update_time":"$D2021-11-17T21:51:17.956Z","view_time":null,"first_public_time":"$D2021-11-17T21:29:30.945Z","has_unpublished_edits":null,"fork":{"id":"7788531ced6aae2a","slug":"ixmaps-referendum-eutanasia-curve-ii-classe-deta","title":"iXMaps - Referendum - Eutanasia - Curve II - classe d'età","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":927,"publish_version":927,"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":0,"collection":null,"type":"notebook","body":{"title":"iXMaps - Referendum - Cannabis - Curve II - classe d'età","cells":[{"id":0,"value":"# iXMaps - Referendum - Cannabis - Curve II - classe d'età","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 sesso e classe età.\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/cannabis_prov.csv?token=AAU2D3PHY6PHYYX43ZATSV3BTFAVK\")","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":844,"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":728,"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":730,"value":"Inputs.Table(pop)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":856,"value":"da questa tabella dobbiamo ricavare la popolazione femminile e maschile per fasce d'età di 5 anni:\n- aggiungiamo un campo con la fascia d'età\n- una fascia = 5 anni\n- nome colonna: 0 = fascia 0-4, 5 = 5-9, ...","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":734,"value":"mypop = Data.import({\"source\":pop,\"type\":\"json\"})\n .addColumn({source:\"Età\",destination:\"eta_5\"},function(value){\n \t\t\t\treturn (Math.floor(value/5)*5);\n\t\t\t });","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":835,"value":"Inputs.Table(mypop.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":867,"value":"creiamo due nuove tabelle:\n- una con la popolazione femminile per fascia d'età\n- una con la popolazione maschile","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":745,"value":"mypop_c_m = mypop\n .aggregate(\"Totale Maschi\",\"Provincia|eta_5\")\n .addColumn({destination:\"Provincia_eta_5\"},function(row){\n return(row[0]+\"_\"+row[1]);\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":829,"value":"Inputs.Table(mypop_c_f.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":778,"value":"mypop_c_f = mypop\n .aggregate(\"Totale Femmine\",\"Provincia|eta_5\")\n .addColumn({destination:\"Provincia_eta_5\"},function(row){\n return(row[0]+\"_\"+row[1]);\n \n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":737,"value":"Inputs.Table(mypop_c_m.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":873,"value":"**nota:** *la 'Provincia_eta_5' contiene una chiave combinata da nome Provincia e fascia età*\n\nPer utilizzare le popolazioni nel processare i dati del referendum ci servono due Array associativi con la popolazione per fascia.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":785,"value":"popA_c_m = mypop_c_m.lookupArray({key:\"Provincia_eta_5\",value:\"Totale Maschi\"});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":781,"value":"popA_c_f = mypop_c_f.lookupArray({key:\"Provincia_eta_5\",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":"## - processo 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 e fascia età. Usiamo una libreria JS per trasformare i dati, incluso nell'appendice.\n\n preparazione dei dati:\n - aggiungiamo una colonna con la fascia d'età\n - aggiungiamo una colonna con la popolazione della fascia d'età\n - aggiungiamo una colonna con l'incidenza (voti/popolazione della fascia d'età*100000)","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":503,"value":"enhanced_data = mydata\n .addColumn({source:\"annoNascita\",destination:\"eta_5\"},function(value){\n var eta = (2021 - value);\n\t\t\t\treturn (Math.floor(eta/5)*5);\n\t\t\t})\n .addColumn({destination:\"pop\"},function(row){\n if (row[6] == \"M\"){\n return (popA_c_m[row[mydata.column(\"denominazioneProvincia\").index]+\"_\"+row[mydata.column(\"eta_5\").index]]);\n }else{\n return (popA_c_f[row[mydata.column(\"denominazioneProvincia\").index]+\"_\"+row[mydata.column(\"eta_5\").index]]);\n }\n })\n .addColumn({destination:\"incidenza\"},function(row){\n return ((Number(row[mydata.column(\"numeroFirme\").index]))/row[mydata.column(\"pop\").index]*100000).toFixed(2);\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"Inputs.Table(enhanced_data.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":891,"value":"adesso abbiamo arrichiti i dati con 3 campi:\n- la fascia d'età\n- la popolazione della fascia d'età\n- l'incidenza = voti per 100.000 persone della fascia 'd età\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":885,"value":" preparazione dei dati (seconda parte):\n - creiamo 2 tabelle pivot, l'una con l'incidenza maschile per fasce d'età, l'altra con l'incidenza 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":551,"value":"pivot_f = enhanced_data\n .select(\"WHERE sesso = F\")\n .pivot({\n\t\t\tlead: \"codiceProvincia\",\n\t\t\tcolumns: \"eta_5\",\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: \"eta_5\",\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\n> **nota**: l'appendice .1 o .2 indica la provenienza del campo (tabella 1 o 2)\n \n---\nLa **tabella finale** viene caricata nel contesto iXMaps nel **progetto** definito sotto con la seguente:\n> `.setData(final_data,{\"name\":\"CURVE_DATA\",\"type\":\"jsonDB\"})`\n\ne poi riferito nella **definizione del tema** con:\n>\t`\"dbtable\": \"CURVE_DATA\",`","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":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":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