title: isoquant gradient with Victory Chart
body: <p>I have asked a question on how to create a linear gradient with Victory Chart previously <a href="https://stackoverflow.com/questions/73511200/striped-background-in-victory-chart/73586728#73586728">here</a>, but now I wonder if it is also possible to build a gradient with isoquant curves, like in this picture:</p>
  <p><a href="https://i.stack.imgur.com/DtQwq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DtQwq.png" alt="enter image description here" /></a></p>
  <p>It should be related to radial gradients in CSS, but I cannot figure out the logic to get the isoquant curves:</p>
  <pre><code>&lt;svg&gt;
          &lt;defs&gt;
            &lt;radialGradient
              id=&quot;iso_gradient&quot;
              // gradientTransform=&quot;rotate(10)&quot;
            &gt;
              &lt;stop offset=&quot;0%&quot; stopColor={colorScale[4]} /&gt;
              &lt;stop offset=&quot;25%&quot; stopColor={colorScale[4]} /&gt;
              &lt;stop offset=&quot;25%&quot; stopColor={colorScale[3]} /&gt;
              &lt;stop offset=&quot;50%&quot; stopColor={colorScale[3]} /&gt;
              &lt;stop offset=&quot;50%&quot; stopColor={colorScale[3]} /&gt;
              &lt;stop offset=&quot;50%&quot; stopColor={colorScale[2]} /&gt;
              &lt;stop offset=&quot;75%&quot; stopColor={colorScale[2]} /&gt;
              &lt;stop offset=&quot;75%&quot; stopColor={colorScale[1]} /&gt;
              &lt;stop offset=&quot;90%&quot; stopColor={colorScale[1]} /&gt;
              &lt;stop offset=&quot;90%&quot; stopColor={colorScale[0]} /&gt;
              &lt;stop offset=&quot;100%&quot; stopColor={colorScale[0]} /&gt;
            &lt;/radialGradient&gt;
          &lt;/defs&gt;
        &lt;/svg&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/E2qPT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/E2qPT.png" alt="enter image description here" /></a></p>