I have asked a question on how to create a linear gradient with Victory Chart previously here, but now I wonder if it is also possible to build a gradient with isoquant curves, like in this picture:
It should be related to radial gradients in CSS, but I cannot figure out the logic to get the isoquant curves:
<svg>
<defs>
<radialGradient
id="iso_gradient"
// gradientTransform="rotate(10)"
>
<stop offset="0%" stopColor={colorScale[4]} />
<stop offset="25%" stopColor={colorScale[4]} />
<stop offset="25%" stopColor={colorScale[3]} />
<stop offset="50%" stopColor={colorScale[3]} />
<stop offset="50%" stopColor={colorScale[3]} />
<stop offset="50%" stopColor={colorScale[2]} />
<stop offset="75%" stopColor={colorScale[2]} />
<stop offset="75%" stopColor={colorScale[1]} />
<stop offset="90%" stopColor={colorScale[1]} />
<stop offset="90%" stopColor={colorScale[0]} />
<stop offset="100%" stopColor={colorScale[0]} />
</radialGradient>
</defs>
</svg>

