# Timeline

**URL:** <https://discourse.joplinapp.org/t/timeline/33392>\
**Category:** Features\
**Created:** [30 October 2023 12:15 UTC](https://discourse.joplinapp.org/t/timeline/33392 "2023-10-30T12:15:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Marph](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/marph/32/10800_2.png) [@Marph](https://discourse.joplinapp.org/u/Marph)\
**Post date:** [30 October 2023 12:15 UTC](https://discourse.joplinapp.org/t/timeline/33392/1 "2023-10-30T12:15:13Z")

</div>

Just a follow-up to

> [@Timeline](https://discourse.joplinapp.org/t/timeline/20067):
>
> Hi I saw this on Trilium's forum, it looks like a very nice idea, and it would be awesome to have it at some point in Joplin. I am not a developer so I can't help with that myself. [https://github.com/zadam/trilium/discussions/1588](https://github.com/zadam/trilium/discussions/1588)[[image] ](https://user-images.githubusercontent.com/12102823/106170334-a36dd080-6190-11eb-896b-8481b05b81ef.png)

because I wondered how to get timelines into Joplin. Since Joplin 2.13.2 ([PR](https://github.com/laurent22/joplin/pull/8890)) it's possible to use [timeline charts in mermaid](https://mermaid.js.org/syntax/timeline.html). Thanks for integrating this!

Ref: [New Plugin:timeline](https://discourse.joplinapp.org/t/new-plugin-timeline/29408)

---

<div class="post-metadata">

**Author:** ![JackGruber](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/jackgruber/32/3231_2.png) [@JackGruber](https://discourse.joplinapp.org/u/JackGruber)\
**Post date:** [30 October 2023 12:34 UTC](https://discourse.joplinapp.org/t/timeline/33392/2 "2023-10-30T12:34:46Z")

</div>

With a mermaid codeblock and then the syntax from mermaid.

Example:

> ```mermaid  
> timeline  
> title History of Social Media Platform  
> 2002 : LinkedIn  
> 2004 : Facebook : Google  
> 2005 : Youtube  
> 2006 : Twitter  
> ```

 ![grafik](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/3X/4/2/42a9e7fa92f9bebcbb8d412f89ca452dae0c3862.png)

> **[Timeline Diagram | Mermaid](https://mermaid.js.org/syntax/timeline.html)**
>
> Create diagrams and visualizations using text and code.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/3X/1/c/1c948e33314e232a0927789508474d8624f4270b.png) [@system](https://discourse.joplinapp.org/u/system)\
**Post date:** [24 October 2024 12:35 UTC](https://discourse.joplinapp.org/t/timeline/33392/3 "2024-10-24T12:35:06Z")

</div>

This topic was automatically closed 360 days after the last reply. New replies are no longer allowed.