liberapay / liberapay.com

Source code of the recurrent donations platform Liberapay
https://liberapay.com/
1.67k stars 215 forks source link

A "look ahead" view for receivers #1858

Open trebmuh opened 4 years ago

trebmuh commented 4 years ago

As a creator/donnee/receiver, I'd like to have a kind of "look ahead" view to check how far/long/much I'm funded for. I know we are receiving the money straight within the current situation, but what I'd like to see is how_much/how_long the donators have funded me.

Example:

What I would like to see is a table of that sorts:

I should be able to see such a page when logged, and everyone too if I choose to show it to everyone (like how much I get/give on my member page).

Changaco commented 4 years ago

I had the same idea a while ago, but I think it should be a bar chart, not a table.

trebmuh commented 4 years ago

No worries here "table" was to be taken in a generic way. A bar chart would probably be OK. Glad you share the idea.

rkingett commented 4 years ago

If using a chart, rather than a table, here's a few points to consider.

  1. If the data in a chart, graph or map is crucial to the content of a Web page, then you must provide a text description of the image. In some cases, a numeric table replicating the chart data could provide additional accessibility. WCAG 2.0 Guideline 1.1.1—"All non-text content that is presented to the user has a text alternative that serves the equivalent purpose…"
  2. Supplement color-coding of charts with texture, differences in line style, text in graphs or different shades of color to improve accessibility for colorblind users. Charts should be readable in black and white.

WCAG 2.0 Guideline 1.4.1—"Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element."

  1. Don’t convert tables of data into images—use an actual data table instead. Text Descriptions for Charts should be used to convey what the graphical chart can't.

So, making a table would kill 2 birds with 1 stone.

trebmuh commented 4 years ago

I wildly imagine that @Changaco was referring to the chart style already there at the bottom of the https://en.liberapay.com/Liberapay/ page (click on "View Income history" button). Isn't Changaco?

Changaco commented 4 years ago

I created a separate issue for the accessibility of charts: #1871.

trebmuh commented 3 years ago

I took a bit of time to make a mock up of the idea which would take place on the https://en.liberapay.com/Liberapay/ page as an example.

As I see it, we would have the same system as now, ie: when the "View income history" is being pushed by the user, it shows the same chart as now, plus a new "view income prevision" (I put "prevision" here, but "forecast" might be better).

If the user pushes this new "view income prevision" button, then a "we are here" vertical line and the projection would appear like that:

lp-lookahead

Changaco commented 2 years ago

Regarding the mock up in the previous comment: I think the forecast income should be composed of three stacked bars of different colours or transparency levels. The bottom bar would be for money that has already been received, the middle bar would be for money scheduled to be received from automatic donation renewals, and the top bar would be for money scheduled to be received from manual donation renewals.

boehs commented 6 months ago

I wrote a script for this:

https://boehs.org/node/liberapay#scripts

I'd like to implement this in liberapay but need to set up a way to test and such so it will take a while