title: d3js Pie chart gradient
body: <p>Have been trying to build a pie/donut chart with smooth gradient on it but figured out that it's quite difficult to make. Already spent a lot of time and still haven't any luck how to resolve that problem. I'm using d3js library</p>
  
  <p>I have something similar to this</p>
  
  <p><a href="https://i.stack.imgur.com/BhEDr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BhEDr.png" alt="enter image description here"></a></p>
  
  <p>And want to fill it with gradient, exactly like this</p>
  
  <p><a href="https://i.stack.imgur.com/pS6GJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pS6GJ.png" alt="enter image description here"></a> </p>
  
  <p>Any advice how to make it more close to it. Maybe someone of you have already faced with that issue and have some knowledge about it. </p>
  
  <p>Will be appreciate for any answers and advices.</p>