whatisgithub

What is todoist-graph?

mohitvirli/todoist-graph — explained in plain English

Analysis updated 2026-05-18

15JavaScriptAudience · generalComplexity · 2/5LicenseSetup · easy

In one sentence

A small Mac and Windows desktop app that turns your Todoist task completion history into a GitHub style contribution heatmap.

Mindmap

mindmap
  root((Todoist Graph))
    What it does
      Task completion heatmap
      Streak and stats tracking
      Theme customization
    Tech stack
      Electron
      JavaScript
      Todoist API
    Use cases
      Visualize task completion
      Track productivity streaks
      Customize a desktop widget
    Audience
      Todoist users
      Productivity enthusiasts

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

See a GitHub style heatmap of how consistently you complete your Todoist tasks.

USE CASE 2

Track your current streak, best day, and total completed tasks at a glance.

USE CASE 3

Customize the look of your task history with different color themes and zoom levels.

USE CASE 4

Run a small always available desktop widget instead of opening the full Todoist app.

What is it built with?

ElectronJavaScriptNode.js

How does it compare?

mohitvirli/todoist-graphadindazu/fextractoranonymousraid/osint-mapping-tool
Stars151515
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasyhardeasy
Complexity2/51/52/5
Audiencegeneralgeneralresearcher

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

The app is unsigned, so macOS blocks first launch until you right click and choose Open.

MIT license, so the code can be freely copied, modified, and reused, including commercially.

So what is it?

Todoist Graph is a small desktop app for Mac and Windows that shows a GitHub style contribution heatmap, but built from your own Todoist task completion history instead of code commits. It is built with Electron, so it runs as its own window rather than inside a web browser. After installing, you paste in your personal Todoist API token, which is verified against Todoist and then stored only on your own computer. The app fetches your completed tasks and displays them as a grid of colored cells, one per day, with color intensity showing how many tasks you finished that day. The heatmap paints instantly from a local cache and then quietly refreshes with new data in the background, so there is no loading spinner when you open it. Several small touches round out the app: a choice of color themes including GitHub, Claude, and the full range of Todoist's own palette options, a zoom control from 80 to 200 percent, optional month and day of week labels, a tooltip that shows the date, task count, and up to four task names when you hover a cell, and an optional stats row showing totals, current streak, best day, and active days. The window is frameless with a custom drag area, and your window size, theme, zoom level, and other settings are remembered between launches. On the technical side, the Todoist API token is kept only in Electron's main process and never passed to the on screen interface, and the app uses Electron's context isolation and disables Node integration in the renderer as a security measure. Data fetching is paginated and aware of Todoist's rate limits, backing off automatically if it receives a 429 response. Installation is a signed free download from the project's GitHub Releases page as a DMG file, since the app is not code signed by Apple, macOS will initially block it and require you to right click and choose Open once. The project is released under the MIT license.

Copy-paste prompts

Prompt 1
Explain how this app keeps my Todoist API token secure between the main and renderer process.
Prompt 2
Walk me through installing this app on macOS, including the unsigned app warning.
Prompt 3
Show me how the cache first rendering and background refresh logic works.
Prompt 4
Help me understand how the heatmap reflows and resizes when the window changes size.

Frequently asked questions

What is todoist-graph?

A small Mac and Windows desktop app that turns your Todoist task completion history into a GitHub style contribution heatmap.

What language is todoist-graph written in?

Mainly JavaScript. The stack also includes Electron, JavaScript, Node.js.

What license does todoist-graph use?

MIT license, so the code can be freely copied, modified, and reused, including commercially.

How hard is todoist-graph to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is todoist-graph for?

Mainly general.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.