Color names in data result cause issues with VictoryCharts

[jaronheard]

Description

Charts do not like color values in the data. This is probably why:

// VictoryPie uses d3-interpolate to perform animations. d3-interpolate
// “sanitizes” all values, despite whether or not they are used for an animation.
// This results in english words that happen to also be valid html/css color names
// become rgb(x, x, x) strings.

See a number of examples on
http://civicplatform.org/2019/housing

Steps to reproduce

Visit http://civicplatform.org/2019/housing -- should also replicate in Storybook.

Expected result

Charts should look good.

Actual result

See above

Environment

All environments

[jaronheard]

More information:
FormidableLabs/victory#928

[jaronheard]

#858 resolved.

Pass the protect prop to your components to prevent color names from being sanitized.