Here is our Javascript, first create the svg element and define the gradient.The gradient can take only discrete values to visualize. In this tutorial, we assume the data value is a set of discrete categories like low, medium, medium high, high, extreme etc.For continuous values like 81 or so you will have to use the other technique of which I shared the link above. Though you won’t have transparencies in your circles you will have to use your bg color to mimic the transparency.