block by nitaku a82271eb40bed573f921

Polar floating bar chart

Full Screen

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.

index.js

index.html

d3-path.js

index.coffee

index.css