# How to use markes on a line graph?

**URL:** <https://talk.observablehq.com/t/how-to-use-markes-on-a-line-graph/6186>\
**Category:** Help\
**Created:** [February 8, 2022, 9:29pm UTC](https://talk.observablehq.com/t/how-to-use-markes-on-a-line-graph/6186 "2022-02-08T21:29:42Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![NeonMika](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/neonmika/32/6105_2.png) [@NeonMika](https://talk.observablehq.com/u/NeonMika)\
**Post date:** [February 8, 2022, 9:29pm UTC](https://talk.observablehq.com/t/how-to-use-markes-on-a-line-graph/6186/1 "2022-02-08T21:29:42Z")

</div>

**Cross-post from [javascript - How to use markes on a line graph in Observable Plot? - Stack Overflow](https://stackoverflow.com/q/71041114/2938364)**

While working with Observable Plot], I stumbled across the [markers section](https://github.com/observablehq/plot/blob/main/README.md#markers) 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._

---

<div class="post-metadata">

**Author:** ![Fil](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/fil/32/207_2.png) [@Fil](https://talk.observablehq.com/u/Fil)\
**Post date:** [February 8, 2022, 9:37pm UTC](https://talk.observablehq.com/t/how-to-use-markes-on-a-line-graph/6186/2 "2022-02-08T21:37:17Z")

</div>

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](https://github.com/observablehq/plot.git)  
> 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())

---

<div class="post-metadata">

**Author:** ![NeonMika](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/neonmika/32/6105_2.png) [@NeonMika](https://talk.observablehq.com/u/NeonMika)\
**Post date:** [February 8, 2022, 9:44pm UTC](https://talk.observablehq.com/t/how-to-use-markes-on-a-line-graph/6186/3 "2022-02-08T21:44:57Z")

</div>

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.