Percent Completion versus Time per City

[supermitch (Mitch LeBlanc)]

On the “progress chart” tab, we can see streets completed every month, or check the cumulative to see total streets over time.

What I would like to see is “cumulative streets vs time” (or % completion may be more interesting) down in this section on the City pages:

[JamesChevalier]

Quick hack work-in-progress…

Still some stuff to do:

• Set the starting date of the chart to our start date of the city
• Scope the data to the city (this is currently showing my full account stats)
• Replace the distance (miles) line on the chart with the percentage complete value
• Probably default the chart to have “Cumulative” checked, to let the percentage complete line make more sense
• Adjust the spacing between the chart and the stats
• Maybe remove the start/end selection?
• Other stuff?

[supermitch (Mitch LeBlanc)]

Killing it. This is going to be so good!

[JamesChevalier]

I got this sorted out

• Start date is the date of your first progressed street in the city
• The chart on the city pages only operate against activities that have progressed streets in the city
• Adds percentage as another line on the chart
• Chart still defaults to not have “Cumulative” checked
• I left the start/end selection because I noticed that it’s possible to have an activity touch a city a long time ago, with the bulk of your stats ramping up some years later

I’ll be able to release this later this afternoon.

[JamesChevalier]

That’s live now, but performance seems a bit trash.

[supermitch (Mitch LeBlanc)]

Putting percentage on the a secondary right-axis might make sense. At least for my current city, with 10k streets, it’ll never be visible:

That being said, the hover works great. Too bad it can’t display all four lines simultaneously, like:

Just put a spinner and tell people to “… Just wait longer!” (Ace Ventura Pet detective reference).

[JamesChevalier]

I’ve been working on your feedback locally …

I’ve got the multi-stat display working on hover … and it also doesn’t require you to perfectly hover over the dot, which is nice. That was always stressful to me.

I also have two axes displaying, but it’s adding an extra in-chart grid that’s a little funky … and I find it slightly confusing to determine which side corresponds to which line.
I have to step away for the night, so I’ll pick it back up tomorrow.

I’m using https://www.chartjs.org for this if you’re feeling

[JamesChevalier]

Alright, I’ve got another version released…

• All of the stats are displayed on hover
• The hover is “fuzzy” - you don’t have to perfectly hover the dots
• There are now 2 axes on the city chart, with the right axis labeled Percentage Complete ranging from 0-100
• Each of the legends above the chart can be hovered, to dim the other lines in the chart

[supermitch (Mitch LeBlanc)]

Damn near perfect! Very nicely done!

I would suggest (slightly unrelated, but not much) that you make “Striders” the first default city tab, and this one second. You might hate this, but I basically didn’t see this icon for 5 years; a slightly more obvious graph icon might go a long way towards clarifying this awesome new feature!