# Timelines

**URL:** <https://talk.observablehq.com/t/timelines/6274>\
**Category:** Help\
**Created:** [February 22, 2022, 3:03am UTC](https://talk.observablehq.com/t/timelines/6274 "2022-02-22T03:03:56Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![arky](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/arky/32/4486_2.png) [@arky](https://talk.observablehq.com/u/arky)\
**Post date:** [February 22, 2022, 3:03am UTC](https://talk.observablehq.com/t/timelines/6274/1 "2022-02-22T03:03:56Z")

</div>

Any tips on creating simple sequential timeline using either Vega-lite-api or observableHQ builtin chart. The simple use case is a simple line with nodes of important milestones.

 ![timeline](https://canada1.discourse-cdn.com/flex030/uploads/observablehq/original/2X/2/20760bb25f84f69399607223b755bad86921a447.png)

> **[Timeline - Learn about this chart and tools to create it](https://datavizcatalogue.com/methods/timeline.html)**
>
> A Timeline is a graphical way of displaying a list of events in chronological order. Read more about this chart and its resources here.

---

<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 22, 2022, 8:00am UTC](https://talk.observablehq.com/t/timelines/6274/2 "2022-02-22T08:00:30Z")

</div>

[GitHub - walterra/d3-milestones: A d3 based timeline visualization.](https://github.com/walterra/d3-milestones) is interesting. Here’s an example code: [Vikings Timeline / Fil / Observable](https://observablehq.com/@fil/vikings-timeline)

---

<div class="post-metadata">

**Author:** ![arky](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/arky/32/4486_2.png) [@arky](https://talk.observablehq.com/u/arky)\
**Post date:** [February 22, 2022, 8:45am UTC](https://talk.observablehq.com/t/timelines/6274/3 "2022-02-22T08:45:05Z")

</div>

Sweet! Thank you @Fil