Create the scores trend plot

[Melsteroni]

Here are the data describing change over time for each country and each goal (and the overall Index score): https://github.com/OHI-Science/ohi-global/blob/draft/yearly_results/global2020/Results/data/trends_website.csv

Here is a quick sketch of the plot I was thinking for visualizing trend patterns. This is for Artisanal Opportunities and each dot represents one country. You can see most countries have improving AO scores over the 9 year period.

We would want to:

• color according to trend
• adjust axis limits and binning
• make interactive (region name, trend pattern,etc)
• etc.

I don't think this can actually automate this because it seems like we will have to fuss with each plot to actually get it to look decent. But: we could provide interactive plots in html format.

If this general format seems useful we could explore improvements.

[robyngit]

We discussed this today and decided to:

• Implement this graph in D3 (including a shortcode) and use in the goal pages, maybe also the region pages
• Set the opacity of each circle relative to the p-value, so significant trends more opaque than non-significant trends
• Instead of "trend" on the x-axis, label as "average change in score per year" (or similar)

[Melsteroni]

Cut this idea. Melanie will write text to discuss trend in a narrative fashion on the goal score pages.