36:null 37:["$","title",null,{"children":"iXMaps - Elezioni Comunali - PALERMO | gjrichter | Observable"}] 3d:[] 3b:{"id":"ba2d06c8e613ae7d","slug":"ixmaps-elezioni-comunali-palermo/2","title":"iXMaps - Elezioni Comunali - PALERMO","thumbnail":"56298fd4a91393928c9f672569b148f4cf7eba7e0a4f6f0c6d088a25367733b6","access_level":"public","create_time":"$D2022-06-12T22:05:57.980Z","update_time":"$D2022-06-13T14:55:25.369Z","view_time":null,"first_public_time":"$D2022-06-13T09:17:04.284Z","has_unpublished_edits":null,"fork":{"id":"a19600daff416b92","slug":"ixmaps-ukr-2022","title":"iXMaps - UKR-2022","owner":{"id":"ab0359f3bbecf78a","login":"gjrichter","name":""}},"stars":2,"starred":false,"owner":{"type":"team","id":"ab0359f3bbecf78a","login":"gjrichter","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1dd94096da79a76babfe37a3431edc30377043a898592a3437e913920b189ed3","tier":"starter_2024","bio":"","following":false},"version":893,"publish_version":893,"role":null,"authored":false,"authors":[{"type":"individual","id":"921009d8ff1c586f","login":"gjrichter","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1dd94096da79a76babfe37a3431edc30377043a898592a3437e913920b189ed3","tier":null,"bio":"","following":false}],"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"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"iXMaps - Elezioni Comunali - PALERMO","cells":[{"id":0,"value":"# iXMaps - Elezioni Comunali - PALERMO \n## Affluenza alle ore 23","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"map = ixmaps.embed(\"map\", { \n mapCdn: \"https://gjrichter.github.io/ixmaps\",\n\tmaptype: \"CartoDB - Positron\",\n width: \"80%\",\n height: \"800px\",\n scrollsafesilent: \"true\",\n legend: 1,\n mode: \"pan\"\n },\n map => map\n .view([38.12321381072632,13.34495544433594],13)\n .attribution(\"data: Città di Palermo - Open Data - Elezioni Comunali\")\n .legend(\"

Elezioni comunali - Palermo - elettori e affluenza alle ore 23

\") \n .options({\n scrollSafeSilent: \"true\",\n objectscaling: \"dynamic\",\n normalsizescale: \"100000\",\n panhidden: \"false\" \n })\n .layer(georef)\n .layer(affluenza)\n .layer(sezioni)\n ); ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":520,"value":"Questa mappa visualizza il numero di elettori e l'affluenza alle ore 23 delle elezioni comunali del 2022.\n\n- i dati sono aggregati per i luoghi fisici dei seggi elettorali\n- la grandezza mostra il numero di elettori \n\n\n${note(`\nnota bene:\nper ingrandire la mappa si prega di usare CTRL + mouse\n`)} \n\n\nUna mappa con l'affluenza **non** aggregata si trova [qui](https://observablehq.com/@gjrichter/ixmaps-elezioni-comunali-palermo/3)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":881,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":25,"value":"toc(\"h2, h3, h4\") // alternatively toc(\"h1, h2, h3, h4\") if you wanted to include the title heading","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"## Visualizzation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":527,"value":"La mappa è realizzata con iXMaps","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":113,"value":"### definizione della mappa\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":534,"value":"Il **codice** che definisce la mappa usando l'API di iXMaps si trova '**dietro' alla mappa**.\n\nLa visualizzazione consiste in 3 layer. \n- Il primo (_georef_) definisce le posizioni dei seggi elettorali\n- Il secondo (_affluenza_) visualizza i elettori e l'affluenza\n- Il terzo (_sezioni_) e un layer ausiliario con i numeri delle sezioni
visibile solo ingrandendo la mappa\n${note(`per ingrandire la mappa si prega di usare CTRL + mouse\n`)}\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":161,"value":"---\n### definizione dei layer","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":140,"value":"georef = \n ixmaps.layer(\"seggi_elettorali\")\n .data({\n url: \"https://s3.eu-central-1.amazonaws.com/maps.ixmaps.com/Palermo/seggi_elettorali.geojson\",\n type: \"geojson\"\n })\n .binding({\n\t\t\t\tid: \"sezione\",\n position: \"geometry\"\n })\n .type(\"FEATURES\")\n .style({\n colorscheme: [\"none\"],\n scale: 0\n })\n .define()\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":795,"value":"- il nome del layer ('seggi_elettorali') viene riferito nella definizione del layer _affluenza_\n- _'id': 'sezione'_ definisce il metadato del geojson per definire l'identità dei elementi geografici creati sulla mappa. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":752,"value":"affluenza = \n ixmaps.layer(\"seggi_elettorali\")\n .data({\n url: \"https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/Palermo/AfflSEZ_82053_DOMENICA_ore23.csv\",\n type: \"csv\"\n })\n .binding({\n\t\t\t\tvalue: \"Votanti\",\n value100: \"Elettori\",\n position: \"sezione\"\n })\n .type(\"CHART|PIE|AUTOCOMPLETE|SIZE|AGGREGATE|VALUES\")\n .style({\n colorscheme: [\"#EFA7BD\"],\n units: \"%\",\n fillopacity: \"1\",\n shadow: \"true\",\n sizefield: \"Elettori\",\n normalsizevalue: \"10000\",\n showdata: \"true\",\n \t\t\t\ttitle: \"Affluenza alle ore 23\"\n })\n .define()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":802,"value":"- _.layer('seggi__lettorali')_ e _'position':'sezione_' legano i dati dell'afflusso alle posizioni dei seggi elettorali definiti nel layer _georef_\n- AGGREGATE attiva una procedure per sommare i dati che cadono sulla stessa posizione\n- AUTOCOMPLETE crea una torta da un solo valore (% della affluenza)\n- _sizefield: 'elettori'_ lega la grandezza della torta al numero di elettori del seggio","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":823,"value":"sezioni = \n ixmaps.layer(\"seggi_elettorali\")\n .data({\n url: \"https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/Palermo/AfflSEZ_82053_DOMENICA_ore23.csv\",\n type: \"csv\"\n })\n .binding({\n\t\t\t\tvalue: \"Sezione\",\n position: \"Sezione\"\n })\n .type(\"CHART|LABEL|FIXSIZE|MULTIGRID|VALUES\")\n .style({\n colorscheme: [\"none\"],\n units: \"\",\n fillopacity: \"1\",\n shadow: \"true\",\n scale: \"0.8\",\n offsetx: \"3\",\n offsety: \"-20\",\n gridx: \"1\",\n normalsizevalue: \"1.8\",\n valuescale: \"2.2\",\n textcolor: \"white\",\n chartupper: \"1:50000\",\n showdata: \"true\",\n \t\t\t\ttitle: \"Affluenza alle ore 23\"\n })\n .define()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":890,"value":"- definisce un LABEL con 'colorscheme':[\"none\"] per avere sole testi\n- FIXSIZE, 'normalsizevalue' e 'valuescale' permettono di mettere i testi più vicini ma grandi\n- MULTIGRID fa si che multipli grafici alla stessa posizione vengono accatastati ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":21,"value":"----\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"### dati\nsolo per motivi dimostrazioni qui i dati utilizzati nella mappa.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":185,"value":"data = d3.dsv(\";\",\"https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/Palermo/AfflSEZ_82053_DOMENICA_ore23.csv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"data_view = Inputs.table(data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":513,"value":"---\n### imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"import { toc } from \"@nebrius/indented-toc\" // This component generates the Table of Contents","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"ixmaps = require('https://gjrichter.github.io/ixmaps/ui/js/htmlgui_api.js')\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"Inputs = require(\"@observablehq/inputs\")\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":869,"value":"function note(text) {\n const list = text.split(\"\\n\").filter(s => s).map(s => `

${s}`);\n return md`\n

\n
\n${list.join(\"\")}\n
\n

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3d","stdlib":"1"}} 3c:"$3b:body"