Public
Edited
Jan 25, 2024
Insert cell
Insert cell
viewof csvfile = Inputs.file({
label: "Local Data",
accept: ".csv",
required: true
})
Insert cell
data = csvfile.csv({ typed: true })
Insert cell
Plot.plot({
width: 1500,
height: 300,
aspectRatio: 1,
grid: true,
x: { label: "index" },
y: { label: "m5m" },
marks: [
Plot.ruleY([0]),
Plot.ruleX([0]),
Plot.dot(
data,
Plot.pointer({ x: "m5m", y: "index", fill: "#F86825", r: 10 })
),
Plot.dot(data, {
x: (d) => d["m5m"],
y: (d) => d["index"],
fill: "#222222"
//src: " "
})
]
})
Insert cell
bird450-sample-xym5m@1.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