An open source single page HTML and JavaScript detective board

1 day ago 2

A detective board.

Open source, full privacy, only JS + HTML5. Runs locally in browser. No cookies, no tracking.

Download index.html. Open in browser.

  1. Double click creates a note. Type text. Click outside of the note. You can change that text later. Finalize the note by hitting enter (you can still edit it later by doubleclicking). Shift + Enter is newline.
  2. Copy an image somewhere else. Strg + V pastes the image.
  3. Right click into empty space to create a pin. Hold the right button and drag: create a thread, and another pin where you release the button.
  1. Click and hold into empty space: move everything
  2. Right click on an object (except thread, they move with the pins): move that object
  1. Strg + click on object to delete
  1. Use Mousewheel
  1. Use save and load buttons

See screenshot below or test page: https://stefankober.github.io/detective-board/

image

For me it is a simple way of wandering around thoughts that are naturally interconnected, but appear in a sequential fashion.

A detective board appears to give you a way of layering thought upon thought, grouping them, reflecting on them as they are layed and layered out before you without vanishing and fleeting into each other and then working with the grouped and reflected whole.

I find it immensely useful for learning, analyzing, explaining, structuring problems and a lot of other related mental activities.

The option to use images is additionally helpful for me, as I can barely see anything with imagination (I am largely an aphantast). So I can keep visual clues next to my discursive thoughts.

Read Entire Article