There are 3 api variables listed at the top of the first challenge modal, using the formattedApi
variable, fetch the chart data and set it’s response to chart data to get the graph to render lines that will look like this.
Using the unformattedApi
route variable, fetch unformatted data and shape it to match that of the formatted data, a function called shapeChartData has been provided for you to fill out.
The unformattedApiWithFailure
route variable targets an unstable route which will randomly return 500s. Targeting this route, update the fetch functions to retry the data fetch if an error occurs.
Being that we have 7 lines appearing on this graph we would like to see at a glance what each color is representing. Implement a chart according to the mock.
Hover tooltip example, note the right to left url and ellipses for text