ixmaps.embed("mymap", {
mapCdn: "https://gjrichter.github.io/ixmaps",
mapType: "CartoDB - Positron",
width: "100%",
height: "720px",
legend: "true",
footer: "true"},
map => map
// cariciamto mappa SVG (SVG tiles) con le strutture (conoggetti), visibile su zoom
.loadMap("https://s3.eu-central-1.amazonaws.com/maps.ixmaps.com/ConcessioniBalneari/oggetti_demaniali.svgz")
.view([41.88889525095752,14.839521307946624],6)
.attribution("dati: <a href='https://dati.mit.gov.it/catalog/dataset/concessioni-demaniali-marittime-a-maggio-2021' target='_blank'>Ministero delle Infrastrutture</a>, trasformati da A.Borruso")
.options({
objectscaling: "dynamic",
normalSizeScale: "100000",
panhidden: "false"
})
// visualizzazione dati definito sotto
.layer(stabilmenti_balneari_uso)
.layer(stabilmenti_balneari_canone)
);
stabilmenti_balneari_uso =
ixmaps.layer("WORLD")
.data({
url: "https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/ConcessioniDemaniali/concessioni.csv.gz",
type: "csv"
})
.binding({
value: "uso",
position: "ycoord|xcoord"
})
.type("CHART|GLOW|SYMBOL|SEQUENCE|STAR|SORT|UP|EXPAND|AGGREGATE|RELOCATE|CATEGORICAL|SIMPLELEGEND")
.style({
colorscheme: [
"9",
"tableau"],
fillopacity: "0.5",
glowlower: "1:10000",
scale:"0.3",
showdata: "true",
gridwidth: "2px",
title: "<h1 style='margin:-0.5em 0em -0.25em 0em'>Concessioni Demaniali</h1>",
description: description
})
.define()
stabilmenti_balneari_canone =
ixmaps.layer("WORLD")
.data({
url: "https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/ConcessioniDemaniali/concessioni.csv.gz",
type: "csv"
})
.binding({
value: "$item$",
size: "canone",
position: "ycoord|xcoord"
})
.type("CHART|LABEL|TEXTONLY|SIZELOG|CATEGORICAL|VALUES|SUM|NOLEGEND")
.style({
colorscheme: [
"#dddddd"],
units: "€",
align: "2left",
scale: "0.2",
valuefield: "canone",
textcolor: "#008800",
chartupper: "1:10000",
gridwidth: "2px"
})
.define()
concessioni = d3.csv("https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/ConcessioniDemaniali/concessioni.csv.gz")
Inputs.Table(concessioni)
ixmaps = require('https://gjrichter.github.io/ixmaps/ui/js/htmlgui_api.js')
Inputs = require("@observablehq/inputs@0.7.21/dist/inputs.umd.min.js")
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
