Public
Edited
Mar 22, 2023
Plot.plot({
style: {
fontFamily: 'Times New Roman-serif',
fontSize: "15px",
overflow: "visible"
},
// grid: true,
x: {label: null, domain: [0, 1.7]},
y: {label: null, domain: [0, 5]},
color: {
//scheme: "viridis",
domain: [1, 10],
nice: true,
//reverse: true,
legend: true
},
marks: [
Plot.frame({ stroke: "lightgray" }),
Plot.dot(d1.filter(d=> (d.Number !=-100) && (d.Number !=-200) && (d.Number !=-300)), {x: "X", y: "Y", fill: "Number", r:10}),
Plot.dot(d1.filter(d=> (d.Number ==-100) || (d.Number ==-200) || (d.Number ==-300)), {x: "X", y: "Y", sort:"Y", r:5, fill:"black"}),
Plot.line(d1.filter(d=> d.Number ==-100), {x: "X", y: "Y", sort:"Y", curve:"basis"}),
Plot.line(d1.filter(d=> d.Number ==-200), {x: "X", y: "Y", sort:"Y", curve:"basis"}),
Plot.line(d1.filter(d=> d.Number ==-300), {x: "X", y: "Y", sort:"Y", curve:"basis"})
]
})
d@5.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
D.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.
