How to use markes on a line graph?

Community Help
1

Cross-post from javascript - How to use markes on a line graph in Observable Plot? - Stack Overflow

While working with Observable Plot], I stumbled across the markers section in the API documentation.

Yet, I cannot figure out how to make it work.

Imagine I have the following mark:

Plot.line(data, {x: "timestamp", y: "val", curve: "natural"})

How can I add markers to every data point on this line? I cannot extract that information from the API documentation (an example would be nice). Following versions do not work

Plot.line(data, {x: "timestamp", y: "val", curve: "natural", marker: true, markerEnd: "circle"})
Plot.line(data, {x: "timestamp", y: "val", curve: "natural", marker: "circle"})

Remark: I am not looking for a solution using an additional Plot.dot.

2

Markers have been available in main for just a week, but not yet pushed to npm and Observable.

If you need them now, here’s how you can build Plot from source:

git clone GitHub - observablehq/plot: Observable Plot: a concise API for exploratory data visualization
cd plot
yarn
yarn prepublishOnly

the files will then be available in the dist/ folder. Upload dist/plot.umd.js as a File Attachment, then create a cell with:

Plot = require(await FileAttachment(“plot.umd.js”).url())

1 Like
3

Thank you again for the very quick response!

It is not urgent, so I will just wait until a new version is released and will play with them then again.