March 2, 2023, 8:52pm
Hi, I’d like to “rate” notes by dragging them in Map view. Depending on the distance to a “Center” note different colors should be assigned (starting with green).
Idea came when I stumbled across
Gestimer.app again which I used in the past.
I hope this visually “playing” with notes will help in deciding what’s important.
Here’s a mock-up:
If possible the “rating” mechanism should be extendable (i.e. no hard-coding of e.g. 5 different colors) as I don’t know how many different colors/ratings I will need.
All notes have the same size and the different color “circles” should take the notes’ size into account (in order to prevent that notes with different colors overlap).
Any idea how to do that?
March 2, 2023, 9:26pm
Here’s one approach:
demo.tbx (177.5 KB)
The rule here is:
for simplicity, we’re computing the distances from the upper left-hand corner of each note. The center would be better; it’s an easy fix.
the color change is continuous. You could easily make it jump between discrete values, if that’s desirable.
for simplicity, we set an initial color (here bright red) and then modify its hue. If you use a less saturated color, you’d get a less garish color scheme.
March 2, 2023, 9:42pm
This saves work, and also calculated the distance between the centers of the notes, not their upper left-hand corners.
March 4, 2023, 2:28am
Thanks! I’ll experiment with that.
Does anyone have links where I could learn about colors (hue and all this stuff)?
March 4, 2023, 3:56am
March 4, 2023, 4:12am
I meant colors in general. It’s hard to understand what the different Tinderbox operators do if one has no idea how colors “work”.
March 4, 2023, 4:21pm
One nice introduction:
What is Color Theory? | IxDF
March 4, 2023, 4:59pm
Having covered colour theory, if that was the need see:
The latter chart is using the “Tinderbox &” colour scheme which is the most normal in terms of named colours looking like the colour named. The latter notion should make sense from reading how ttbc uses colours.
Here is a list of colour-focused operators: