memee / obsidian-gantt

Gantt Chart for Obsidian

Gantt Chart

A plugin that adds some project management utilities.

How to use

Make a code block and use gantt as the style. In the block, write your Dataview query

\```gantt
#project/tasks
\```

Notes

Plugins that were considered:

• obsidian-react-components: Write and use React (Jsx) components in your Obsidian notes.
• obsidian-custom-js: An Obsidian plugin to allow users to reuse code blocks across all devices and OSes
• obsidian-requirejs: Write reusable JavaScript functions using Asynchronous Module Definitions

Tips & Tricks found at:

• Obsidian Hub
• Obsidian Plugin Dev Docs

How to Dev

Use of the Obsidian hot reload plugin is recommended (install BRAT first from community plugins, then copy-paste this URL in it's "Add Beta Plugin" section of the options).

• Clone your repo to a local development folder. For convenience, you can place this folder in your .obsidian/plugins/your-plugin-name folder in your vault.
• Install NodeJS, then run npm i in the command line under your repo folder.
• Run npm run dev to compile your plugin from main.ts to main.js.
• Make changes to main.ts (or create new .ts files). Those changes should be automatically compiled into main.js.
• Reload Obsidian to load the new version of your plugin.
• Enable plugin in settings window.
• For updates to the Obsidian API run npm update in the command line under your repo folder.

API Documentation

See https://github.com/obsidianmd/obsidian-api