Published
Edited
Mar 4, 2022
1 fork
Insert cell
Insert cell
ixmaps.embed("mymap", {
mapCdn: "https://gjrichter.github.io/ixmaps",
mapType: "CartoDB - Positron",
width: "100%",
height: "720px",
legend: "true",
footer: "true"},
map => map
.view([39.96449067924025,15.979614257812502],7)
.options({
objectscaling: "dynamic",
normalSizeScale: "27033",
dynamicScalePow: "3",
panhidden: "false"
})
.layer(stabilmenti_balneari)
.layer(stabilmenti_balneari_canone)
);
Insert cell
stabilmenti_balneari =
ixmaps.layer("WORLD")
.data({
url: "https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/ConcessioniDemaniali/concessioni.geojson.gz",
type: "geojson"
})
.binding({
value: "$item$", position: "geometry"
})
.type("CHART|DOT|NOLEGEND")
.style({
colorscheme:["#888888"],
scale: "2",
fillopacity: "0.5",
filter: "WHERE \"categoria\" = \"STABILIMENTO BALNEARE PUBBLICO\"",
showdata: "true",
title: "Concessioni & Canoni"
})
.define()


Insert cell
stabilmenti_balneari_canone =
ixmaps.layer("WORLD")
.data({
url: "https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/ConcessioniDemaniali/concessioni.geojson.gz",
type: "geojson"
})
.binding({
value: "tipo", position: "geometry"
})
.type("CHART|BUBBLE|CATEGORICAL|VALUES|SUM")
.style({
colorscheme: [
"10",
"tableau10"],
fillopacity: "0.5",
filter: "WHERE \"categoria\" = \"STABILIMENTO BALNEARE PUBBLICO\"",
sizefield: "canone",
valuefield: "canone",
units: "€",
showdata: "true",
normalsizevalue: "10000",
valuesupper: "1:50000",
title: "Concessioni & Canoni"
})
.define()

Insert cell
Insert cell
ixmaps = require('https://gjrichter.github.io/ixmaps/ui/js/htmlgui_api.js')
Insert cell

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.
Learn more