Unlisted
Edited
Apr 20, 2023
1 fork
Insert cell
Insert cell
Plot.plot({
height: 80,
grid: true,
x: {type: "linear"},
marks: [
Plot.axisX({anchor: "top", label: "top-left", labelAnchor: "left"}),
Plot.axisX({anchor: "top", label: "top-center", labelAnchor: "center", ticks: []}),
Plot.axisX({anchor: "top", label: "top-right", labelAnchor: "right", ticks: []}),
Plot.axisX({anchor: "bottom", label: "bottom-left", labelAnchor: "left"}),
Plot.axisX({anchor: "bottom", label: "bottom-center", labelAnchor: "center", ticks: []}),
Plot.axisX({anchor: "bottom", label: "bottom-right", labelAnchor: "right", ticks: []})
]
})
Insert cell
Plot.plot({
grid: true,
y: {type: "linear"},
marks: [
Plot.axisY({anchor: "left", label: "left-top", labelAnchor: "top"}),
Plot.axisY({anchor: "left", label: "left-center", labelAnchor: "center", ticks: []}),
Plot.axisY({anchor: "left", label: "left-bottom", labelAnchor: "bottom", ticks: []}),
Plot.axisY({anchor: "right", label: "right-top", labelAnchor: "top"}),
Plot.axisY({anchor: "right", label: "right-center", labelAnchor: "center", ticks: []}),
Plot.axisY({anchor: "right", label: "right-bottom", labelAnchor: "bottom", ticks: []})
]
})
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