Public
Edited
Mar 19, 2023
// Import delle librerie necessarie
import { Plot } from "@observablehq/plot";
import { html } from "@observablehq/notebook-stdlib";
import { data } from "@jashkenas/inputs";
// URL del dataset contenente i dati epidemiologici del COVID-19 in Italia
const url = "https://raw.githubusercontent.com/pcm-dpc/COVID-19/master/dati-json/dpc-covid19-ita-andamento-nazionale.json";
// Funzione per estrarre i dati dal dataset e formattarli
async function getData() {
const response = await fetch(url);
const json = await response.json();
return json.map(d => ({ data: new Date(d.data), casi: d.nuovi_positivi }));
}
// Funzione per creare il grafico a linee
async function createChart() {
const myData = await getData();
return Plot.plot({
marginLeft: 80,
x: {
grid: true,
label: "Data",
tickFormat: "%d/%m/%y",
},
y: {
grid: true,
label: "Nuovi casi",
},
marks: [
Plot.line(myData, { x: "data", y: "casi" })
]
});
}
// Funzione principale per creare l'observable
export default function() {
return html`<div>${createChart()}</div>`;
}
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.
