(function (window, document, $, ixmaps, undefined) { // -------------------------------------------- // define the map // -------------------------------------------- var szUI = "http://public.ixmaps.com.s3-website-eu-west-1.amazonaws.com/stage/ui/dispatch.htm?ui=embed"; var szMap = "&svggis=http://public.ixmaps.com.s3-website-eu-west-1.amazonaws.com/stage/maps/svg/maps/ISTAT 2011 Comuni/italia_comuni_2011_s_cie.svgz"; var szParam = "&basemap=ll"+ "&maptype=OpenStreetMap - FR"+ "&minimal=1"+ "&toolbutton=1"+ "&themelegend=0"+ "&name=map1"; // -------------------------------------------- // define the theme // -------------------------------------------- var theme = { "layer": "com2011_s", "field": "TITOLO 1O: ENTRATE TRIBUTARIE|TITOLO 1O: SPESE CORRENTI|TITOLO 4O: ENTRATE DERIVANTI DA ALIENAZIONI, DA TRASFERIMENTI DI CAPITALE E DA RISCOSSIONE DI CREDITI|TITOLO 2O: SPESE IN CONTO CAPITALE|TITOLO 5O: ENTRATE DERIVANTI DA ACCENSIONE DI PRESTITI|TITOLO 3O: SPESE PER RIMBORSO DI PRESTITI|TITOLO 6O: ENTRATE DA SERVIZI PER CONTO DI TERZI|TITOLO 4O: SPESE DA SERVIZI PER CONTO DI TERZI|PAGAMENTI DA REGOLARIZZARE|INCASSI DA REGOLARIZZARE|TITOLO 2O: ENTRATE DERIVANTI DA CONTRIBUTI E TRASFERIMENTI CORRENTI|TITOLO 3O: ENTRATE EXTRATRIBUTARIE|", "field100": "", "style": { "type": "CHART|SYMBOL|VALUES|SEQUENCE|STAR|SORT|DOWN|SUM|SIZE|SUM", "colorscheme": ["RGB(210,248,134)","RGB(114,168,86)","RGB(204,255,255)","RGB(114,121,204)","RGB(221,102,221)","RGB(199,26,112)","RGB(252,219,76)","RGB(239,160,128)","RGB(221,221,221)","RGB(255,255,255)","RGB(153,51,102)","RGB(255,255,204)"], "fillopacity": "0.6", "shadow": "true", "dbtable": "themeDataObj2", "dbtableType": "csv", "dbtableUrl": "../../../../../app/varie/stories/SIOPE_Italia_2014/all_dec_pivot_2014.csv", "lookupfield": "Codice Ente", "symbols": ["circle","circle","circle","circle","circle","circle","circle","circle","circle","circle","circle","circle","circle"], "units": " €", "title": "Entrate e Spese x Comune", "description": "il numero di grafici visibili si adatta allo zoom della mappa", "label": ["ENTRATE TRIBUTARIE","SPESE CORRENTI","ENTRATE DERIVANTI DA ALIENAZIONI, DA TRASFERIMENTI DI CAPITALE E DA RISCOSSIONE DI CREDITI","SPESE IN CONTO CAPITALE","ENTRATE DERIVANTI DA ACCENSIONE DI PRESTITI","SPESE PER RIMBORSO DI PRESTITI","ENTRATE DA SERVIZI PER CONTO DI TERZI","SPESE DA SERVIZI PER CONTO DI TERZI","PAGAMENTI DA REGOLARIZZARE","INCASSI DA REGOLARIZZARE","ENTRATE DERIVANTI DA CONTRIBUTI E TRASFERIMENTI CORRENTI","ENTRATE EXTRATRIBUTARIE"], "scale": "0.5", "aggregation": "sum", "normalsizevalue": "100000000", "minchartsize": "50" } }; // -------------------------------------------- // here we go // -------------------------------------------- // placing the defined map into the iframe // ------------------------------------------------------------------------- $("#map1").attr("src", szUI + szParam + szMap ); // wait for the map and call the theme // !! you must use the parameter 'szName' you get // !! to call actions on the map i.e.: ixmaps.newTheme(szName .. // ------------------------------------------------------------------------- ixmaps.myMap1Ready = function(mapApi){ ixmaps.setOptions("map1",{"featurescaling":"dynamic","labelscaling":"dynamic","objectscaling":"dynamic"}); ixmaps.setBounds("map1",[40.730608516433314,11.211547904930306,43.18114702222085,14.661254829444692]); ixmaps.newTheme("map1","theme name",theme,"clear"); }; ixmaps.waitForMap("map1",ixmaps.myMap1Ready); }(window, document, $, ixmaps));

Soldi pubblici del 2014 basato su dati del SIOPE

60 rige di codice per creare la mappa interattiva in grafica vettoriale powered by iXMaps

Il codice a destra produce la mappa a sinistra come contenuto di un <iframe>. Nella pagina HTML ci vuole più o meno queste right per creare l'iframe e caricare l'API di iXMaps:

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src = "../../ui/js/htmlgui_api.js" >
  </script>
</head>

<body>
  <iframe id="map" width="100%" height="600" frameborder="0" 
  scrolling="no" marginheight="0" marginwidth="0" src="" ></iframe>
</body>

<script type="text/javascript" >
	( ... qui viene il codice a destra )
</script>

</html>

E la visualizzazione è pronta.

dati

La visualizzazione si basa su dati riguardando i soldi pubblici, esportati dal sito del SIOPE (Sistema Informativo delle Operazioni degli Enti Pubblici) della Banca d'Italia.
All'inizio ci sono 80 tabelle (csv) scaricate dal SIOPE contenendo ognuna le entrate o le uscite del 2013 o 2014 per una delle regioni d'Italia. Sommando queste tabelle in un unica tabelle grande ed in seguito aggregando i valori per comune (pivot) sono arrivato a una tabella finale con tutti comuni, i titoli di entrata/spesa e i totali del 2014. Questa tabella si trova qui: 2014

mappa in SVG

Per visualizzare i valori sulla posizione dei comuni ho creato una mappa di base (svg) che contiene i confini dei comuni identificabile con il 'Codice Ente' definito dal SIOPE. Questa mappa si basa su geometrie in formato SHAPE-file, scaricato dal sito dell'ISTAT (basi territoriali) ed in seguito arricchito con il 'Codice Ente' del SIOPE.
Il file SVG è 'italia_comuni_2011_s_cie.svgz' (il filetype 'svgz' significa una compressione del codice SVG con gzip).

restrizioni

Delle 8099 enti nell'elenco del SIOPE mancano ancora 72 nella mappa a causa di incongruenze nominative. Spero di risolvere questo a più presto possibile.

suggerimenti per l'utilizzo:

I vari temi del confronto sono accessibili attraverso la barra del menu
le icone accanto servono per ingrandire/diminuire i grafici sulla mappa o per vedere più o meno grafici.
In genere, il numero di grafici visualizzati dipende dal ingrandimento attuale della mappa.
Per vedere i grafici del suo comune basta ingrandire sulla posizione del comune.

Nota: Ogni mappa ha una legenda del proprio tema. Si apre cliccando sull'icona in basso a destra

contact

per qualsiasi domanda o suggerimento riguardanti questa visualizzazione vi prego di contattarmi

Name

Email

Message