https://github.com/bvaughn/planner

Lightweight, interactive planning tool that visualizes a series of tasks using an HTML canvas
https://github.com/bvaughn/planner

gantt-chart planning

Last synced: about 1 year ago
JSON representation

Lightweight, interactive planning tool that visualizes a series of tasks using an HTML canvas

• Host: GitHub
• URL: https://github.com/bvaughn/planner
• Owner: bvaughn
• License: mit
• Created: 2021-12-21T16:12:52.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-05-22T16:40:20.000Z (almost 2 years ago)
• Last Synced: 2025-03-29T00:04:20.677Z (about 1 year ago)
• Topics: gantt-chart, planning
• Language: JavaScript
• Homepage: https://plannerjs.vercel.app/
• Size: 7.02 MB
• Stars: 556
• Watchers: 5
• Forks: 32
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-github-projects - planner - Lightweight, interactive planning tool that visualizes a series of tasks using an HTML canvas ⭐568 `JavaScript` (📦 Legacy & Inactive Projects)

README

          
# Planner

Lightweight, interactive planning tool that visualizes a series of tasks using an HTML canvas.

---

### 🎉 [Become a sponsor](https://github.com/sponsors/bvaughn/) or ☕ [Buy me a coffee](http://givebrian.coffee/)

---

![Planner JS meta-image](https://user-images.githubusercontent.com/29597/152083012-5f525bcb-cfbb-40ef-b560-cd415b5fd4f0.png)

Try it yourself at [plannerjs.dev](https://plannerjs.dev)

Plans created with Planner are automatically saved to the URL and can be easily shared with others.

If you like this project ☕️ buy me a cup of coffee at [patreon.com/bvaughn](https://www.patreon.com/bvaughn) 😃

---

## Examples

### [View years example](https://plannerjs.dev/?data=eyJ0YXNrcyI6W3sic3RhcnQiOiIyMDIyLTAxLTAxIiwic3RvcCI6IjIwMjItMTItMzEiLCJuYW1lIjoiMjAyMiIsIm93bmVyIjoiT3RoZXIgdGVhbSJ9LHsic3RhcnQiOiIyMDIyLTAxLTAxIiwic3RvcCI6IjIwMjItMDYtMzAiLCJuYW1lIjoiSDEgMjAyMiJ9LHsic3RhcnQiOiIyMDIyLTA3LTAxIiwic3RvcCI6IjIwMjItMTItMzEiLCJuYW1lIjoiSDIgMjAyMiJ9LHsic3RhcnQiOiIyMDIzLTAxLTAxIiwic3RvcCI6IjIwMjMtMDYtMzAiLCJuYW1lIjoiSDEgMjAyMyJ9XSwidGVhbSI6e319)

![Planner screenshot](https://user-images.githubusercontent.com/29597/152083033-2aa607bb-bd9d-4de3-9662-f46230faa04d.png)

### [View months example](https://plannerjs.dev/?data=eyJ0YXNrcyI6W3siaWQiOiJleGFtcGxlIiwibmFtZSI6IkRlc2lnbiBBUEkiLCJvd25lciI6ImJ2YXVnaG4iLCJzdGFydCI6IjIwMjItMDEtMDEiLCJzdG9wIjoiMjAyMi0wMy0xNSJ9LHsiaWQiOjIsIm5hbWUiOiJGaW5pc2ggcHJvamVjdCBjYXJyeW92ZXIiLCJvd25lciI6InN1c2FuIiwic3RhcnQiOiIyMDIyLTAxLTAxIiwic3RvcCI6IjIwMjItMDMtMDEifSx7ImlkIjowLCJuYW1lIjoiV3JpdGUgQVBJIGRvY3VtZW50YXRpb24iLCJvd25lciI6InN1c2FuIiwic3RhcnQiOiIyMDIyLTAzLTAxIiwic3RvcCI6IjIwMjItMDUtMDEiLCJkZXBlbmRlbmN5IjoiZXhhbXBsZSJ9LHsiaWQiOjMsIm5hbWUiOiJHaXRIdWIgaXNzdWUgc3VwcG9ydCIsIm93bmVyIjoidGVhbSIsInN0YXJ0IjoiMjAyMi0wMy0wMSIsInN0b3AiOiIyMDIyLTA0LTAxIiwiaXNPbmdvaW5nIjp0cnVlfSx7ImlkIjoxLCJuYW1lIjoiU3VwcG9ydCBwcm9kdWN0IHRlYW0gaW50ZWdyYXRpb24iLCJvd25lciI6ImJ2YXVnaG4iLCJzdGFydCI6IjIwMjItMDMtMTUiLCJzdG9wIjoiMjAyMi0wNS0xNSIsImlzT25nb2luZyI6dHJ1ZSwiZGVwZW5kZW5jeSI6ImV4YW1wbGUifV0sInRlYW0iOnsiYnZhdWdobiI6eyJhdmF0YXIiOm51bGwsIm5hbWUiOiJCcmlhbiJ9LCJ0ZWFtIjp7ImF2YXRhciI6bnVsbCwibmFtZSI6IlVuY2xhaW1lZCJ9fX0)

![Planner screenshot](https://user-images.githubusercontent.com/29597/152083060-7432fbd3-2f3f-4f50-8d13-4ee628d7fc96.png)

### [View weeks example](https://plannerjs.dev/?data=eyJ0YXNrcyI6W3sibmFtZSI6IldlZWsgQSIsInN0YXJ0IjoiMjAyMi0wMS0wMyIsInN0b3AiOiIyMDIyLTAxLTA5Iiwib3duZXIiOiJFcmluIn0seyJuYW1lIjoiV2VlayBCIiwic3RhcnQiOiIyMDIyLTAxLTEwIiwic3RvcCI6IjIwMjItMDEtMjMiLCJvd25lciI6IkVyaW4ifSx7Im5hbWUiOiJXZWVrIEMiLCJzdGFydCI6IjIwMjItMDEtMTciLCJzdG9wIjoiMjAyMi0wMS0yMyIsIm93bmVyIjoiQ2hyaXMifV0sInRlYW0iOnt9fQ)

![Planner screenshot](https://user-images.githubusercontent.com/29597/152083048-6fd62c75-3e59-45fc-8c1c-99354e68def2.png)

### [View days example](https://plannerjs.dev/?data=eyJ0YXNrcyI6W3sic3RhcnQiOiIyMDIyLTAyLTEyIiwic3RvcCI6IjIwMjItMDItMTMiLCJuYW1lIjoiU3ByaW5nIGNsZWFuaW5nIiwib3duZXIiOiJ0aW1lb2ZmIn0seyJzdGFydCI6IjIwMjItMDItMTQiLCJzdG9wIjoiMjAyMi0wMi0xNyIsIm5hbWUiOiJXb3JrIiwib3duZXIiOiJwcm8ifV0sInRlYW0iOnsicHJvIjp7Im5hbWUiOiJQcm9mZXNzaW9uYWwgQnJpYW4ifSwidGltZW9mZiI6eyJuYW1lIjoiVGltZSBvZmYgQnJpYW4ifX19)

![Planner screenshot](https://user-images.githubusercontent.com/29597/152083065-ac2ee3e8-92b6-4ddd-b283-52bf4cda6552.png)

---

## Converting legacy plans

Planner switched from [jsurl2](https://npmjs.com/package/jsurl2) to Base64 encoding due to URL parsing problems jsurl2 caused websites like Twitter. If you created a plan with using the old jsurl2 encoding, you can migrate to the new format at the URL below:

https://plannerjs.dev/api/convert?(your-data-here)