Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
Plot.plot({
marginLeft: 55,
marginBottom: 55,
marginTop: 55,
height: 600,
width: 900,
y: {
grid: true,
tickFormat: "+f",
label: "Temperatura (°C)",
ticks: 6,
},
x: {
label: "Día del año",
},
color: {
scheme: "BuRd",
legend: true
},
marks: [
Plot.ruleY([0]),
Plot.dot(datos, {x: "dia_year", y: "tmed", stroke : (d) => d.tipo == "temp_max" ? "#e0144c" : "#3d348b", fill : (d) => d.tipo == "temp_max" ? "#db6666" : "#574d68", opacity : (d) => d.year == 2023 ? 1 : 0.02, symbol : "triangle", tip: true},),
Plot.tip(datos, Plot.pointer({ x: "x", y: "y" }))
],
})
datos = FileAttachment("min_max_esp.csv").csv({typed: true})
min_max_esp.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
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.
