micropolar Area label fix?

<!doctype HTML>
<meta charset = 'utf-8'>
<html>
  <head>
    <link rel='stylesheet' href='https://micropolar.org/style.css'>
    
    <script src='https://d3js.org/d3.v3.min.js' type='text/javascript'></script>
    <script src='./micropolar.js' type='text/javascript'></script>
    
    <style>
    .rChart {
      display: block;
      margin-left: auto; 
      margin-right: auto;
      width: 400px;
      height: 400px;
    }  
    </style>
    
  </head>
  <body>
    <div id='chart247865c43e28' class='rChart micropolar'></div>  
    
    <script>
  var chartParamschart247865c43e28 = {
 "dom": "chart247865c43e28",
"width":    400,
"height":    400,
"data": [
 [ 1, 1 ],
[ 2, 2 ],
[ 3, 3 ],
[ 4, 4 ],
[ 5, 5 ],
[ 6, 6 ],
[ 7, 7 ],
[ 8, 8 ],
[ 9, 9 ],
[ 10, 10 ],
[ 11, 11 ],
[ 12, 12 ],
[ 13, 13 ],
[ 14, 14 ],
[ 15, 15 ],
[ 16, 16 ],
[ 17, 17 ],
[ 18, 18 ],
[ 19, 19 ],
[ 20, 20 ] 
],
"angularDomain": [ "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20" ],
"radialDomain": [ 1, 20 ],
"type": "areaChart",
"rewriteTicks": true,
"orient": "horizontal",
"originTheta":    -90,
"flip": true,
"minorTicks":      0,
"id": "chart247865c43e28" 
}
  chartParamschart247865c43e28.containerSelector = '#chart247865c43e28'
  micropolar.factory[chartParamschart247865c43e28.type](
    chartParamschart247865c43e28
  )
</script>
    
  </body>
</html>

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js