New Plugin: Timeline


Use + at the beginning of each line:

  • each event has 3 +s at the beginning of the line for time, header and description
  • you can separate them with empty lines if it’s easier for you to write

[] is optional!

You can use [] at the beginning of the code-block to add pre-written classes or your own classes to the wrapper.

Example: [spaced-paragraph, your-class, even-more]

The list of all pre-written classes:

  • white/black changes the main vertical line and dashed line to white/black
  • spaced-paragraph increases the default gap between lines in description’s paragraphs

The time, header and description of each event can do everything Obsidian can do

Special thanks to:


Oh my, just the thing I was looking for! Thanks a lot!


BTW when are you planning to publish it as a community plugin?

1 Like


I’m really sorry for the people who couldn’t install it through the obsidian application. It’s fixed now!


thanks for the great plugin.
I’m having a problem in the difference between the date (left side) and the enplain. text (right side).
For some reason it’s mixed and not following my idea?

Any idea what I’m doing wrong?

You should only have 3 plus sign per event. Use + at the beginning of each line for time, header and description (in that order)

So, the + Laberrabaerhabberöabber line starts a new event and this text becomes the label for its “time”. From then on, lines starting with “+” are out of place.


this is super great plugin
thank you for the plugin

this plugin actually gives me hope for similar flow chart plugin

Hey can you help me. I just installed this plugin and also enabled it. But it is not rendering timeline. After enabling it, I wrote this in my daily note for testing purposes. Do I need to do something else to render it?

  • = (Plus sign)

(Three ticks)Timeline

  • 2000

  • Heading1

  • Description1

  • 2005

  • Heading2

  • Description2

  • 2010

  • Heading3

  • Description3

  • 2015

  • Heading4

  • Description4
    (Three ticks)

1 Like

Im having the same issue as you. It is not rendering.

1 Like

Hello. May I ask can this plugin also work on iOS like iPhone & iPad?

@gourav @cattenbb That’s probably because you haven’t included “timeline” at the top. It also has to be lowercase:)

+ 1918
+ Treaty of Versailles
+ Happened in Paris
1 Like

I am having the same issue, even when copying your code

1 Like

thank you for this! unfortunately, it is not rendering the timeline after i published it. the timeline is there in obsidian, just not in my published obsidian page. am i missing something?

it could be that you didn’t include the ``` at the end of the code. Or you didn’t install and enable the plugin correctly

i have the same problem. after hitting publish, i only see lines of code after enabling the plugin and adding ```

hello. sorry for multiple pings. the timeline displays in obsidian correctly but i am unable to see it in my published site

Can we combine dataview with this?

hmm, I’m not sure why it’s not displaying correctly, haven’t used Obsidian publish yet. Maybe try to refresh or try to publish the page again.