Final confirmed colors for charts match the current mockups for Grouped
and Waffle charts, specifically:
Women: rgb(54, 17, 52) (Dark Red)
Men: rgb(220, 56, 70) (Red)
Total: rgb(243, 164, 142) (Pink)
Final confirmed colors for Stacked charts were requested to use the
same colors as for the Grouped and Waffle charts (differing from current
designs), specifically:
Disagree: rgb(54, 17, 52) (Dark Red)
Neutral: rgb(243, 164, 142) (Pink)
Agree: rgb(220, 56, 70) (Red)
Connects #65
Demo
Notes
The colors for the bar charts are reversed from the designs because of the way horizontal charts are flipped by Nivo. With the current code for Nivo, we can't reverse these without also reversing the order of the items in the legend/key for each chart. For stacked charts, it might be reasonable to do this if we want 'disagree' on the left for certain; but for grouped charts, it seems like it wouldn't make sense to put 'Total' as the last item in the legend list. Thoughts welcomed on this point.
Testing Instructions
In the Netlify preview, select a region and then one of each type of question/chart. Confirm that colors for all charts match the requested colors.
Overview
Final confirmed colors for charts match the current mockups for Grouped and Waffle charts, specifically:
Final confirmed colors for Stacked charts were requested to use the same colors as for the Grouped and Waffle charts (differing from current designs), specifically:
Connects #65
Demo
Notes
The colors for the bar charts are reversed from the designs because of the way horizontal charts are flipped by Nivo. With the current code for Nivo, we can't reverse these without also reversing the order of the items in the legend/key for each chart. For stacked charts, it might be reasonable to do this if we want 'disagree' on the left for certain; but for grouped charts, it seems like it wouldn't make sense to put 'Total' as the last item in the legend list. Thoughts welcomed on this point.
Testing Instructions