block by emeeks 5850fa6583bfd90e7899

Circular Brush 3

Full Screen

An example of d3.svg.circularBrush that allows you to select a range of months, days of the week and/or hours.

A circular brush may seem like a novelty, but the reality is that we deal with cyclical data all the time, and traditional linear selectors are ill-suited for that kind of data. You can’t select winter on a linear brush with January on the left and December on the right, nor could you select commonplace things like “nighttime” or “three day weekend” on default linear brushes.

There are other cyclical datatypes besides time, but they make for good examples. I guess the Mayans were right.

index.html

d3.svg.circularbrush.js