Thanks to visit codestin.com
Credit goes to github.com

Skip to content

b-camphart/timeline-view

Repository files navigation

Obsidian Timeline View

Display your obsidian notes in a timeline, based on a given property.

Transform the way you explore your notes with the Obsidian Timeline View Plugin! This powerful plugin introduces a dynamic new view in Obsidian, allowing you to visually order your notes based on custom properties. Whether you're tracking dates, progress, or any numerical data, you can bring clarity to your vault with an interactive graphical "timeline" or "number line."

🌟 Key Features

  • Custom Ordering: Choose a property in your notes and instantly see them ordered in a visual timeline or number line.
  • Item Lengths & Resizing: Assign a secondary property and choose whether it represents a length or an end value. Resize items directly in the timeline.
  • Quick Note Creation: Double-click anywhere on the timeline or number line to create a new note with the property value set based on where you clicked.
  • Drag & Drop Reordering: Easily move notes around, with multi-select support, to update their property values on the fly.
  • Filtering: Refine your view with filters using Obsidian’s search syntax.
  • Grouping with Color: Group notes by Obsidian search query, similar to Obsidian's graph view, for a more colorful visualization.

Screenshots

Dark Theme

Dark Theme Overview

Light Theme

Light Theme Overview

The view should work with any theme you apply.

Features

Ordering by Any (numeric) Property

Each Timeline View orders your notes based on a property of your choice, which defaults to the creation time. You can open multiple views, each with its own selected property.

The plugin detects all properties within your vault and lists any numeric (date, datetime, or number) properties as available options. Once a property is selected, the notes automatically rearrange, and the timeline adapts to the appropriate measurement.

Available properties

When a property is selected, the notes will automatically be re-arranged, and the appropriate type of measurement will appear at the top of the timeline.

✨ Quick Note Creation

Double-click anywhere on the timeline to instantly create a new note. The property value for this note will be automatically set based on where you clicked on the timeline.

create note and open

πŸ“Œ Drag & Drop Reordering

Easily update the property value of a note by dragging and dropping it on the timeline.

  • Move a single note:

    drag and drop single note

  • Or move a selection of notes to change their values together.

    drag and drop multiple notes

Item Lengths

You can assign a secondary property to represent the length or end value of each note. By default, the plugin uses the note's modification time as the "end" value, but this can be customized.

It will flawlessly handle negative lengths and end values that are less than the primary value.

Secondary property

Resizing

With a secondary property selected, you can change the length or end value of a note by dragging the edge of it.

  • Resizing a single note:

    resize single note

  • Resizing multiple notes together:

    resize multiple notes (if you have groups dependent on the value of one of the properties, modifying a note can easily change the group it belongs to)

πŸ” Filter

Want to focus only on relevant notes? Apply a filter to your timeline using a query that (mostly) follows Obsidian's search syntax. For details on syntax limitations, see Obsidian Search.

Filter Property

The filtered view renames the tab to match the provided filter, making it easy to differentiate between multiple open timeline tabs.

Filtered tab names

You can also set a default filter in the plugin settings to apply to every new timeline you open.

🎨 Group Notes with Colors

Use the same query syntax as filtering to group notes by color, similar to Obsidian's graph view. This makes it easy to visually distinguish different groups of notes on your timeline.

πŸ”— Focus on Notes from Other Tabs

The timeline view will now automatically focus on notes when they are selected in another tab.

  • If a note that exists in the timeline is focused in another Obsidian tab, the timeline will scroll to and highlight that note.
  • This makes it easier to keep track of where a note appears in your timeline while working in other views.

Focused note

For Theme Developers

You can find details about the css variables and classes here.

Roadmap

About

Obsidian plugin for viewing your notes linearly based on a given property

Resources

License

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published