Published
Edited
Nov 1, 2021
data_incidenza = d3.json("https://covid-reports-api.herokuapp.com/incidenza")
Inputs.Table(data_incidenza)
data_vaccini = d3.json("https://covid-reports-api.herokuapp.com/vaccini")
Inputs.Table(data_vaccini)
d1 = Data.import({"source":data_incidenza,"type":"json"})
d2 = Data.import({"source":data_vaccini,"type":"json"})
merger = new Data.Merger();
final = merger
.addSource(d1, {
lookup: "pro_com_t",
columns: ["comune","incidenza","casi"],
label: ["comune","incidenza","casi"]
})
.addSource(d2, {
lookup: "pro_com_t",
columns: ["%vaccinati","%immunizzati"],
label: ["%vaccinati","%immunizzati"]
})
.realize();
Inputs.Table(final.json())
final.column("%immunizzati").map(value => {return (value<=100?value:100)})
merger_2 = new Data.Merger();
final_geo = merger_2
.addSource(d1, {
lookup: "pro_com_t",
columns: ["comune","pro_com_t","incidenza","casi"],
label: ["comune","pro_com_t","incidenza","casi"]
})
.addSource(d2, {
lookup: "pro_com_t",
columns: ["%vaccinati","%immunizzati"],
label: ["%vaccinati","%immunizzati"]
})
.realize();
Inputs.Table(final_geo.json())
comuni = d3.json("https://gjrichter.github.io/viz/Amministratori//comuni_2019_U.geojson")
comuni_show = Data.import({"source":comuni,"type":"geojson"})
Inputs.Table(comuni_show.json())
Inputs = require("@observablehq/inputs@0.7.21/dist/inputs.umd.min.js")
ixmaps = require('https://gjrichter.github.io/ixmaps/ui/js/htmlgui_api.js')
Data = require('https://gjrichter.github.io/data.js/data.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.
