Add line charts for each dimension to see change over time

[Greenheart]

• Show dots stacked vertically for each dimension. These represent a reflection entry that was made at a specific date. They are either spaced by date, or with equal width and spacing to make it easier to develop and more consistent, and most importantly not making people feel bad if they didn't check in for a long time. As long as we clearly show the date of the highlighted entry, it will be fine.
• Show lines for each dimension (with the respective colour), connecting the dots for each reflection entry.
• Show icons to clearly symbolise what the dimensions mean.
• Allow scrolling (swiping) left and right to navigate in time. Use scroll snapping to highlight something in the middle (and also show that reflection in the big life wheel). If there was a comment added for that reflection entry, show it somehow (ideally directly if you scroll), so you can read it together with the big life wheel.
• clicking (tapping) anywhere in the column of dots will change focus to that reflection entry, and move it to the centre (maybe even at the beginning and end we could add )
• Maybe add a filter button to open a pop-up/modal to configure which dimensions you want to include in the graph. For example if it's crowded with everything selected, maybe you just want to focus on a few variables.
  • Alternatively, perhaps you could hover/tap a dimension (in a column that is a vertical stack of dimension icons positioned sticky to the left of the timeline, at the edge of the screen) to toggle the line on/off for that dimension.
    • For hovering/tapping, it could bring that line to the front, so it's visible on top of other dimension lines and dots that might have the same value (7 for example).