Public
Edited
Jan 17, 2023
1 fork
Insert cell
Insert cell
350_2023 ispd@2.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
ispd = FileAttachment("350_2023 ispd.csv").csv({typed: true})
Insert cell
Plot.plot({
y: {
grid: true,
inset: 6
},
marks: [
Plot.boxY(ispd, {y: "ISPD"})
]
})
Insert cell
percentuali180 = FileAttachment("percentuali_180_dip@3.csv").csv({typed: true})
Insert cell
Inputs.table(percentuali180)
Insert cell
viewof select = Inputs.select(anni, {label: "Anni"})
Insert cell
anni = d3.group(percentuali180, d => d.anni)
Insert cell
grafico = Plot.plot({
y: {
label: "↑ Percentuale dipartimenti selezionati (%)",
grid: true,
nice: true
},

x: {
label: ""
},
marginTop: 20, // the top margin, in pixels
marginRight: 40, // the right margin, in pixels
marginBottom: 30, // the bottom margin, in pixels
marginLeft: 40, // the left margin, in pixels


marks: [
Plot.barY(select, {x: "zona", y: d => d.percentuale_dipartimenti_finanziati * 100, fill: "#bab0ab", sort: {x: "y", reverse: true }}),
Plot.ruleY([0, 100])
]
})
Insert cell
180_2023 ispd.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

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