Brushable and interactive bar chart in d3.js

Mon, 25 Jul 2016 00:00:00 +0000

I wanted to share something I recently build with d3.js which might be useful for other people as well; a bar chart in which you can “brush”. Handy for when you have a lot of categories/bars to show with limited space, but you don’t want to only show the top X. By using the brush technique, you give the choice to the user. They can decide which portion of the bars to see, only the top 5, bottom 10, 20 in the middle, or all at once.

Brushable on Visual Cinnamon

Brushable and interactive bar chart in d3.js