Create the scores trend plot

Melsteroni commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

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

OHI-Science / OHI-website

Create the scores trend plot #71