raw_2017 = d3.csv("https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/Crime/Italy/INT00062_Delitti_denunciati__-_dati_anno_2017_-_dati_Provinciali.csv")
Inputs.Table(raw_2017)
delitti_2017 = Data.import({"source":raw_2017,"type":"json"
}).pivot({
"lead":"Provincia",
"columns": "REATO",
"value": "TOT DELITTI COMMESSI",
"keep": ["ANNO"]
})
Inputs.Table(delitti_2017.json())
merger = new Data.Merger();
final = merger
.addSource(delitti_2017, {
lookup: "Provincia",
columns: ["Provincia","TOTALE DELITTI"],
label: ["Provincia","TOTALE_DELITTI_2017"]
})
.addSource(delitti_2018, {
lookup: "Provincia",
columns: ["Provincia","TOTALE DELITTI"],
label: ["Provincia","TOTALE_DELITTI_2018"]
})
.addSource(delitti_2019, {
lookup: "Provincia",
columns: ["Provincia","TOTALE DELITTI"],
label: ["Provincia","TOTALE_DELITTI_2019"]
})
.realize();
Inputs.Table(final.json())
province = d3.json("https://s3.eu-central-1.amazonaws.com/maps.ixmaps.com/Istat/province_2019/Province_s.geojson.gz")
georef = () => {
return {
"layer": "Prov2019_name",
"field": "$item$",
"field100": "",
"style": {
"type": "FEATURES|NOLEGEND|LOCKED",
"colorscheme": [
"none"],
"linecolor":"#eeeeee",
"dbtable": "PROVINCE",
"itemfield": "DEN_UTS",
"lookupfield": "geometry",
"title": "Italy Province 2019"
}
}
};
ixmaps = require('https://gjrichter.github.io/ixmaps/ui/js/htmlgui_api.js')
Inputs = require("@observablehq/inputs@0.7.21/dist/inputs.umd.min.js")
Data = require('https://gjrichter.github.io/data.js/data.js')
$ = require('https://code.jquery.com/jquery-3.3.1.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.
