Hurdling Group Visualization #110
Description
Create a new hurdle visualization. This will require both backend and frontend logic. We currently have hurdle transformations that a bar charts with a hurdle number on the X axis and have gct or flight time on Y axis.
This chart would instead be a LINE chart with two lines on Y axis left foot and right foot of flight vs ground contact, and X axis would be time. The condensing we did of our data in db made this time X axis slightly more difficult (but still worth it for the rest of visualizations simplicity). This graph will essentially end up looking like |---|_ (kind of this is pretty basic but it will look very boxy). You will have to fill in the lines in between to get this effect.
Additionally, we have detection already for when the hurdle is during the event. Use this to mark hurdles with vertical line mid way through the flight times marked as hurdles. This would give coaches ability to tell when hurdle was.
These lines would look like this:
Finally I want to try two things here. 1. Just leaving the flight time data as is in the kind of boxy boolean looking form. 2. Having an alternative visualization that smooths this. Takes the flight time and essentially graphs a curve over it from the start of the flight to the end of the flight.
This was the description the client wrote:
Hurdle Timeline | Combined chart with GCT/FT lines, vertical hurdle markers, and split times annotated. User can toggle metrics on/off.