Polar floating bar chart

An example of a polar floating bar chart (don't know if there is a better name for it), showing random data. Such a diagram can be used for example to show daily minimum and maximum temperatures for a year, like in this example.

My first intention was to use radialArea with a step interpolation, but then I realized that this would apply a step function to cartesian coordinates rather than polar ones, yielding a horrible result! Instead, I opted for generating annular sectors with arc and using a hackish 0.5 stroke to get rid of white lines between sectors.

xxxxxxxxxx
 
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Polar floating bar chart</title>
    <link rel="stylesheet" href="index.css">
    <script src="https://d3js.org/d3.v3.min.js"></script>
    <script src="d3-path.js"></script>
    <script src="d3-shape.js"></script>
  </head>
  <body>
    <svg></svg>
    <script src="index.js"></script>
  </body>
</html>
    

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

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