Unlisted
Edited
May 30, 2023
Insert cell
Insert cell
Plot.axisX(d3.ticks(0, 1, 10), {color: "red"}).plot() // text fill and tick stroke
Insert cell
Plot.axisX(d3.ticks(0, 1, 10), {stroke: Plot.identity, strokeWidth: 3, tickSize: 10}).plot() // tick stroke
Insert cell
Plot.axisX(d3.ticks(0, 1, 10), {fill: "red"}).plot() // text fill
Insert cell
Plot.plot({
height: 40,
style: "background: #777;",
x: {domain: [0, 100]},
marks: [
Plot.axisX({
fill: "black",
stroke: "white",
textStroke: "white",
textStrokeWidth: 3,
textStrokeOpacity: 0.6
})
]
})
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